在移动浏览器上启用iScroll中的单击事件

Question

我正在使用iScroll创建一个Web应用程序,我无法单击iscroll包装器中的任何div.我尝试将eventPassthrough选项设置为true但它会导致大量滚动问题.

有人经历过吗？

编辑:我正在使用iScroll 5.点击事件工作chrome,firefox和safari但不是ios mobile safari.

Answer 1

尝试设置选项"click:true"

例:

myScroll = new IScroll('#wrapper', { click: true });

我在IOS6上遇到了同样的问题并解决了这个问题

Answer 2

我也遇到了同样的问题,并开始使用该{ click: true }方法(如上所述)作为解决方案.这种方法的问题是,当您在桌面上查看时,您将获得两个点击事件(即来自实际鼠标点击的一个事件,以及来自IScroll的一个事件).

根据IScroll文档建议的方法是使用IScroll选项发出自定义"tap"事件.

例:

<script type="text/javascript">
    var scroller = new IScroll('#wrapper', { tap: true });
    $('#scroller').on('click, tap', '.clickable', function() {
        //do something....
    });
</script>

<div id="wrapper">
    <div id="scroller">
        <div class="clickable"></div>
        <div class="clickable"></div>
        <div class="clickable"></div>
    </div>
</div>