优化demo (#330)

* 优化demo

为tab中navbar和tabbar里标签添加点击事件交互，方便查看实际效果

Author: karlew

dist/example/example.js

@@ -189,6 +189,11 @@ $(function () {
         className: 'navbar',
         render: function () {
             return $('#tpl_navbar').html();
+        },
+        bind: function () {
+            $('#container').on('click', '.weui_navbar_item', function () {
+                $(this).addClass('weui_bar_item_on').siblings('.weui_bar_item_on').removeClass('weui_bar_item_on');
+            });
         }
     };
 
@@ -198,6 +203,11 @@ $(function () {
         className: 'tabbar',
         render: function () {
             return $('#tpl_tabbar').html();
+        },
+        bind: function () {
+            $('#container').on('click', '.weui_tabbar_item', function () {
+                $(this).addClass('weui_bar_item_on').siblings('.weui_bar_item_on').removeClass('weui_bar_item_on');
+            });
         }
     };
 
@@ -271,4 +281,4 @@ $(function () {
             }
         })
     }
-});
+});

src/example/example.js

@@ -189,6 +189,11 @@ $(function () {
         className: 'navbar',
         render: function () {
             return $('#tpl_navbar').html();
+        },
+        bind: function () {
+            $('#container').on('click', '.weui_navbar_item', function () {
+                $(this).addClass('weui_bar_item_on').siblings('.weui_bar_item_on').removeClass('weui_bar_item_on');
+            });
         }
     };
 
@@ -198,6 +203,11 @@ $(function () {
         className: 'tabbar',
         render: function () {
             return $('#tpl_tabbar').html();
+        },
+        bind: function () {
+            $('#container').on('click', '.weui_tabbar_item', function () {
+                $(this).addClass('weui_bar_item_on').siblings('.weui_bar_item_on').removeClass('weui_bar_item_on');
+            });
         }
     };
 
@@ -271,4 +281,4 @@ $(function () {
             }
         })
     }
-});
+});