码迷,mamicode.com
首页 > 移动开发 > 详细

Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法

时间:2017-11-10 18:40:46      阅读:2759      评论:0      收藏:0      [点我收藏+]

标签:his   下拉刷新   module   ...   ast   modules   targe   方法   scroll   

bug说明:

Mint-ui中loadmore(上拉加载下拉刷新)组件 在 使用fastclick的情况下

,在ios设备中滑动会触发点击事件;

 

解决方法:

我是按需引入,去项目中找到loadmore下的index.js,全部引入的要找mint下面mint-ui.common.js

路径如下:你的项目名/node_modules\mint-ui\lib\loadmore\index.js

搜索 handleTouchEnd ,记得写event进去

handleTouchEnd: function handleTouchEnd(event) {...}
 

然后在down和up两个事件中加入 我标注的红字即可!

if (this.direction === ‘down‘ && this.getScrollTop(this.scrollEventTarget) === 0 && this.translate > 0) {
event.preventDefault();
event.stopPropagation();
...
if (this.direction === ‘up‘ && this.bottomReached && this.translate < 0) {
event.preventDefault();
event.stopPropagation();
...
 
 
困扰了很久终于搞定,同样遇到这个问题的小伙伴可以照我的方法去做了!!

Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法

标签:his   下拉刷新   module   ...   ast   modules   targe   方法   scroll   

原文地址:http://www.cnblogs.com/web521/p/7815465.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!