jq+mui 阻止事件冒泡

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5          <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 6         <title></title>
 7         <link rel="stylesheet" href="../css/mui/mui.min.css" />
 8     </head>
 9     <body>
10         <ul class="mui-table-view">
11             <li class="mui-table-view-cell" id="text1">
12                 <button type="button" id="text2">测试</button>
13             </li>
14         </ul>
15     </body>
16 </html>
17 <script type="text/javascript" src="../js/mui.js" ></script>
18 <script src="../js/jQuery.js" type="text/javascript" charset="utf-8"></script>
19 <script type="text/javascript">
20     $("#text1").on("tap",function(){
21         console.log("11");
22     });
23     $("#text2").on("tap",function(event){
24         event.stopPropagation();
25         console.log("22");
26     })
27 </script>

 

posted @ 2017-12-18 10:07  咚咚酱  阅读(3979)  评论(0编辑  收藏  举报