zepto+mui开发中的tap事件重复执行

zepto.js和mui一起使用的时候,因为都有tap事件绑定tab事件后会多次触发还会报错,这时不引用zepto中的touch.js就可以了,只用mui的tap相关事件。

 1 $(function () {
 2     //mui初始化配置,设置需要的事件为true就可使用了
 3     mui.init({
 4         gestureConfig: {
 5             tap: true, //默认为true
 6             doubletap: true, //默认为false
 7             longtap: true, //默认为false
 8             //swipe: true, //默认为true
 9             //drag: true, //默认为true
10             //hold: true//默认为false,不监听
11         }
12     });
13 
14     $('#test').on('tap', function () {
15         console.log('tap');
16     });
17 
18     $('#test').on('longtap', function () {
19         console.log('longtap');
20     });
21 
22     //doubletap事件触发时会同时触发tap事件,所以需要加off()先解除所有绑定事件
23     $('#test').off().on('doubletap', function () {
24         console.log('doubletap');
25     });
26 });

 

posted @ 2018-11-23 10:45  小方块的世界  阅读(938)  评论(0编辑  收藏  举报