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,js和mui.min.js ；最后就是最好还是使用click点击事件吧

mui框架tap事件点击一次，执行两次相关推荐

jq点击事件多次响应_Jquery中on绑定事件点击一次执行多次的解决办法
举个例子,在同一个页面有下拉选择框按用户分析按单位分析按角色分析当选择用户分析时,一组用户查询条件展示出来,queryUser查询按钮显示,并绑定查询方法countByUser(),$(&qu ...
mui tap事件，mui.confirm弹窗出现两次
tap换成 click,点击事件完全失效,tap可以跳转下一个页面,但是弹窗会出现两次,用变量控制弹窗的显示. var flag=true;//定义一个全局变量//#pullrefresh 是自己的i ...
连接真机开发安卓(Android)移动app MUI框架完善购物车订单等页面——混合式开发（五）
https://blog.csdn.net/hanhanwanghaha宝藏女孩欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记如有转载,请注明出处(如不注明,盗者必究) 这周真的太忙了,就 ...
连接真机开发安卓(Android)移动app MUI框架——混合式开发（二）带你项目开发（最新版）
今天是很丧的一天,做什么都提不起兴趣,不知道何时才能做到道家的"无为,而无所不为",也无法理解范仲淹的"不以物喜不以己悲".可是再没兴趣,学习还是要继续!!!为 ...
mui 框架：a标签无法跳转 - 解决篇
解决问题 · 罗列与参考: mui框架导致a标签失效无法点击? mui框架之a标签无法跳转的问题? 关于mui中ul列表需要点击多次生效的问题? mui框架:如何自定义实现a标签点击事件的办法? bu ...
关于MUI框架中，“侧滑导航“之“div模式下拉菜单“的a标签（超链接）的失效问题？
关于MUI框架中,"侧滑导航"之"div模式下拉菜单"的a标签(超链接)的失效问题? 截图和讲解图片的顺序如下所示: 图1 图2 · 官方的截图图3 · 官方 ...
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP
前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的 ...
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
出处:http://www.cnblogs.com/jerehedu/p/7832808.html 前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用H ...
mui ajax 懒加载,MUI框架运用中遇见问题总结
H5在移动端的开发趋势化越来越大,相对App来说,H5优势有: 跨平台,兼容性强开发速度快,成本较低迭代周期短技术成本低但当我们在开始移动端的项目开发时,又愁着有什么样的好的UI框架能让我们减 ...

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

mui框架tap事件点击一次，执行两次相关推荐

最新文章

热门文章