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

时间:2023-03-10 06:38:33
[转载]使用iscroll.js-tab左右滑动导航--tab点击无效果

 转载自:http://blog.****.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的代码就可以实现了。