MUI on绑定事件多次执行问题

最新推荐文章于 2021-08-29 10:09:09 发布

原创最新推荐文章于 2021-08-29 10:09:09 发布 · 4.7k 阅读

4 ·

CC 4.0 BY-SA版权

MUI 专栏收录该内容

13 篇文章

订阅专栏

本文探讨了在使用MUI框架时遇到的事件重复注册问题，并提供了详细的解决方案。通过在绑定事件前先解除事件注册，可以有效避免因同时加载多个MUI文件导致的事件冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.可能是同时引用mui.js与mui.min.js;

2.可能多次注册了on事件，解决方法如下：

//绑定前先注销事件
mui("li").off("tap");
//绑定事件
mui("li").on("tap", "p", function(e) {
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iwusan

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

mui框架实现分页功能（上拉加载，下拉刷新）以及点击事件的实现

猿飞梦的博客

08-29

1万+

mui是一个类似于原生的UI框架，使用它可以实现更多接近原生的功能。今天要讲的是mui的分页功能（上拉加载）： 1、首页需要引入mui.js这个去官网可以下载的 2、需要用mui标签将大的盒子包裹起来： <div id="refreshContainer" class="mui-scroll-wrapper"> <div class="mui-scroll">...

MUI：事件管理（一）

weixin_44548736的博客

06-09

614

作者：任铭基，撰写时间：2019年5月23日 1、事件绑定除了可以使用addEventListener()方法监听某个特定元素上的事件外，也可以使用.on()方法实现批量元素的事件绑定。 .on( event , selector , handler ) event Type: String 需监听的事件名称，例如：‘tap’ selector Type: String 选择器 handler...

参与评论您还未登录，请先登录后发表或查看评论

mui 事件绑定（on）

weixin_34221036的博客

05-19

3084

除了可以使用addEventListener()方法监听某个特定元素上的事件外，也可以使用.on()方法实现批量元素的事件绑定。示例：点击新闻列表，获取当前列表项的id，并将该id传给新闻详情页面，然后打开新闻详情页面 mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){ //获取id var id =...

引用MUI框架时，给组件绑定 click()或tap事件，会连续触发两次导致显示异常的解决办法？

verylonglongago的博客

09-26

2716

【已解决】这是由于连续引用了两次 mui.min.js（或mui.js）导致，保证在自定义的 JavaScript代码段之前，只引用过一次mui.min.js（或mui.js）即可！

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

weixin_44010187的博客

09-18

2015

问题描述：使用for循环遍历，我将拼接的HTML语句拼接到页面上，绑定class属性，如本文中icon_button，接下来最坑的就是tap事件最坑的时候，我一直在js中寻找为什么点击一次执行两次的原因，然而并没有找到 mui("#orderList").on("tap", ".icon_button", function (e) { console.log("-------------...

mui点击事件失效

大海无量的博客

01-31

6997

$('ul').on('click','li',function(){ console.log("2.点击lu中的li"); //alert("2.点击lu中的li"); var topicId=$(thi...

多个下拉框绑定同一个on-change事件遇到的坑

qq_43137725的博客

12-12

1518

三个下拉框实现互斥的功能，选中一个值清空其他组件的值。为三个下拉框绑定同一个on-change事件，发现选中的时候总是出bug。代码如下 clearTjlx(state, val) { if (state == 'gcjy') { this.$set(this.searchData, 'zbbaTjlx', '');...

HBuilder mui 自定义事件和预加载

weixin_44548736的博客

05-16

1049

作者：任铭基，撰写时间：2019年5月16日用户开发应用中会大量使用事件功能。除了浏览器内置的事件及mui框架内置的事件（比如手势事件）外，mui同时支持用户触发和绑定自定义事件。通过自定义事件，用户可以轻松实现页面间数据传递。监听自定义事件添加自定义事件监听操作和标准js事件监听类似，可直接通过window对象添加，如下： window.addEventListener(‘customEv...

mui('.').on和addEventListener的区别

热门推荐

soos的博客

03-29

2万+

通常我们对元素添加事件使用addEventListener()方法，但是，除了可以使用addEventListener()方法监听某个特定元素上的事件外，也可以使用 on()方法实现批量元素的事件绑定。on( event , selector , handler ) 1. .on( event , selector , handler ) event：Type: String

css-mui方法

jieweiwujie的博客

08-29

394

mui.init(); //mmon mui('').on('tap','',function(){ }) //mmof 消对应选择器上特定事件所执行的特定回调 mui('').off('tap','',function(){ }) //点击li时，上的所有函数均不再执行 ...

mui采坑总结

yw00yw的博客

10-17

736

mui(‘选择器’).on(‘事件名’, ‘目标选择器(子选择器)’, function(){})事件绑定坑使用mui获取元素用on绑定事件的时候，如果目标选择器和mui选择器，即是两者都是当前元素，绑定失败。 mui的绑定仅支持事件委托，不支持当前元素绑定，当前元素绑定请直接使用addEventListener,removeEventListener 案例 <li id="a...

MUI addEvenListener和on 的用法区别

heartOfblack 离开了电脑，我不希望我还有病

03-07

5059

MUI中存在N种手势事件包括：（因为MUI是为移动APP为前提开发的。所以触发事件如：tap单点单击是无法再PC端触发的，如果需要修改。将TAP改成CLICK即可）分类参数描述点击 tap 单击屏幕 doubletap 双击屏幕长按 longtap 长按屏幕 hold 按住屏幕 release 离开

MUI 页面传递参数（父传子）

Mr-k的博客

08-29

3528

MUI的页面参数，这里使用的是官方的配置写法，通过打开新页面进行传递参数 1.需要传递的 HTML+JS 去了下一页面问天下 var txt = $(".aa").text(); $(".qu").on('tap',function(){ mui.openWind

关于mui框架中onclick、href标签失效问题

dutong0321 -- 追寻计算机中的神灵

03-06

1万+

MUI框架我觉得是个不错的框架，至少在移动端用起来还是很不错的，减少很多的工作量。不过在使用的时候需要注意2点： 1.滚动页面时需要采用MUI中的方法滚动，因为今天没有遇到，以后可能会总结的写一些。 2.onclick/href方法失效。关于onclick、href方法失效，还并不是完全失效，有的地方可以用，同一个地方有的浏览器也可以用，甚至同一个地方同一个浏览器多点几次也有时候有效，很坑...

MUI踩过的一些坑

不知不觉 | 笔记

04-18

1万+

1使用了下拉刷新后这里面的内容，所有的a标签都的href都无法正常跳转，div，span，a ，i 等等这些标签里面的onlick 事件和 click 都无法执行。只有在button上面绑定click事件是可以执行的，或者绑定mui的tap事件。 mui.ready(function() { mui(document).on('tap','#call',function(){

Mui点击a标签失效解决方案

Megamind_HL的博客

04-04

4614

一段代码轻松解决mui a标签失效问题 <script> mui('body').on('tap','a',function(){ window.top.location.href=this.href; }); </script>