您的位置:首页 > Web前端 > JavaScript

[转载]使用iscroll.js-tab左右滑动导航--tab点击无效果

2017-08-24 16:24 507 查看
转载自:http://blog.csdn.net/zuoyiran520081/article/details/77369421

最近在页面中用iscroll.js,但是但是有跳转,用a标签的href进行跳转发现没有用,之后转换成用点击事件,发现依然不起作用,经过查询发现是禁止了浏览器的默认事件。
有的方法说如果用button或input代替a,都能响应click事件。
如果设置click为true,原来不能点击的手机能点击了,但是原来能点击的手机变成了双击,也就是将手机本身的click和iscroll的click各执行了一次。

所以最佳的解决办法是:
1.加上click: true,和taps:true两句代码。

myScroll = new IScroll("#wrapper", {
scrollbars: true,
mouseWheel: false,
interactiveScrollbars: true,
shrinkScrollbars: 'scale',
fadeScrollbars: true,
scrollY: true,
probeType: 2,
bindToWrapper: true,
click: true,
taps:true
});


2.加上preventDefault: false代码

myScroll = new IScroll("#wrapper", {
preventDefault: false
});


注:用input的checked事件中加上方法1的代码没有什么作用,加上方法2的代码就可以实现了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: