mui下拉刷新和vue绑定的点击事件冲突,点击事件无法响应
2018-02-05 18:15
639 查看
作者:燕歆波
导读:之前没有使用过mui的下拉刷新,没有碰到这个问题,这次使用下拉刷新时,碰到了让人恶心的问题.
介绍
看看我的代码:
眼看着就要下班了,这个鸟问题浪费了我几个小时的时间,最后发现一个博文:
mui下拉刷新 click事件无法响应问题
这位大哥真是我的救命恩人,全靠他,我才能把这个屌问题在几分钟内解决了:
在页面初始化时,绑定tap事件,然后再调用自己的点击事件!似懂非懂,
毕竟:我就是个业余的!
导读:之前没有使用过mui的下拉刷新,没有碰到这个问题,这次使用下拉刷新时,碰到了让人恶心的问题.
介绍
增加下拉刷新后,直接运行在手机上是没有问题的,可是嵌套进ios或者android时,发现,li标签绑定的点击事件无法响应了,有时候无意中会触发点击事件,或者在li的最左边会触发点击事件,碰到这个问题时我是一脸的懵逼,根本不知道怎么办,我**的又不是专业的,然后搜啊搜啊,搜一些事件触发的内容,可是没有卵用。
看看我的代码:
<!--下拉刷新容器--> <div id="pullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!--数据列表--> <ul class="mui-table-view mui-table-view-chevron" v-for="(index,goods) in goodsList"> <li class="mui-table-view-cell" style="background-color: #84b08b; padding-right: 0px;" @click="onItemClick(index)"> ......
眼看着就要下班了,这个鸟问题浪费了我几个小时的时间,最后发现一个博文:
mui下拉刷新 click事件无法响应问题
这位大哥真是我的救命恩人,全靠他,我才能把这个屌问题在几分钟内解决了:
$(function() { mui("#pullrefresh").on('tap', 'li', function (event) { this.click(); }); })
在页面初始化时,绑定tap事件,然后再调用自己的点击事件!似懂非懂,
毕竟:我就是个业余的!
相关文章推荐
- 前端-mui框架的div侧拉菜单,导致页面中按钮的点击事件无法响应的问题
- 解决Android中Listview条目里面有checkbox、radiobutton无法响应条目点击事件
- Android--焦点问题-ListView中item及其子控件无法响应点击事件
- 使用animateWithDuration动画的时候无法响应点击事件
- 自定义ListView无法响应点击事件
- iOS开发:UILabel无法响应点击事件的问题
- UIImageView上添加UIButton,button的点击事件无法响应
- Android spinner点击相同选项处理无法响应事件问题,自定义spinner
- 页面加UIPanGestureRecognizer手势后,无法响应tableViewCell点击事件的解决办法
- 隐藏自定义的tabbar之后,push到B视图,B视图的键盘工具条无法响应点击事件
- UIButton无法响应点击事件问题
- vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件
- 关于子视图超出父视图后无法响应点击事件的处理办法
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- ListView中各组件点击事件冲突,ListView不响应OnItemClickListener事件
- andorid布局layout监听点击事件,布局内的imageButton无法响应解决方法
- UIButton无法响应点击事件问题
- Android:GridView的item无法响应点击事件
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- UI控件无法响应点击等事件的探索