天天看点

mui框架tap事件点击一次,执行两次

问题描述:

使用for循环遍历,我将拼接的HTML语句拼接到页面上,绑定class属性,如本文中icon_button,接下来最坑的就是tap事件最坑的时候,我一直在js中寻找为什么点击一次执行两次的原因,然而并没有找到

mui("#orderList").on("tap", ".icon_button", function (e) {
			console.log("---------------------------")
            var _this = this;
            var type = $(this).attr("data-type");
            var isPushed = $(this).attr("data-isPushed");
  })
           

解决方案:

打断点,就执行一次,取消断点就执行两次,诡异 --------> 然后我百度了一下,问题源头在HTML页面中,问题就出现在这里:我在页面上下分别引用了一次,导致事件执行两次

mui框架tap事件点击一次,执行两次

最终就这样解决了:去掉一次引用,保留一份,另外尽量不要同时引用mui,js和mui.min.js ;最后就是最好还是使用click点击事件吧