天天看点

关于iscroll5 click事件触发两次

关于iscroll5 click事件触发两次

当wrapper显示,初始化iscorll,再点击一次 li元素是console.log只打印一次。但是,但点击btn元素时,wrapper隐藏,在点击footer元素,wrapper显示后,再点击一次li元素时

关于iscroll5 click事件触发两次

console.log只打印两次,循环操作时,每循环一次,console.log只打印次数+1。

可以在页面加载完成时,就初始化iscorll ,同时加上destory();

这样点击li时 console.log只打印了一次,但是点击btn时,第一次点击就打印两遍

关于iscroll5 click事件触发两次

隐藏显示,在点击btn时,只打印出一次。第一种写法 是点击一次footer 就在li元素和btn上添加一次事件绑定,所以在每次隐藏时都需要对iscorll销毁。myScroll.destroy();

这样做同样会也有多次触发的结果。

原因便是 在$btn.on('click')下有myScroll.destroy(),影响的同时 浏览器为未设置成手机模式,改为手机模式就没问题。

为了彻底避免这些情况iscorll 有一个tap事件,用tap代替click

foot不在wrapper里  对其绑定tap 无效的。

关于iscroll5 click事件触发两次

关于Event 对象

有需要的交流的可以加个好友

继续阅读