优化demo (#330)

* 优化demo 为tab中navbar和tabbar里标签添加点击事件交互，方便查看实际效果
Tencent · Apr 19, 2016 · 3a6eaf7 · 3a6eaf7
1 parent 14ee030
commit 3a6eaf7
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/dist/example/example.js b/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 () {
             }
         })
     }
-});
+});
diff --git a/src/example/example.js b/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 () {
             }
         })
     }
-});
+});