javascript - 在移动浏览器上的 iScroll 中启用点击事件

Question

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

有人经历过吗？

编辑：我使用的是 iScroll 5。点击事件适用于 chrome、firefox 和 safari，但不适用于 ios mobile safari。

Answer 1

尝试设置选项“点击：真”

例子：

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

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

Answer 2

我也遇到了同样的问题，并开始使用该{ click: true }方法（如上所示）作为解决方案。这种方法的问题是在桌面上查看时会触发两个单击事件（即，一个来自实际鼠标单击的事件，一个来自 IScroll 的事件）。

根据IScroll 文档建议的方法是使用 IScroll 选项发出自定义的“点击”事件。

例子：

<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>

Answer 3

尝试为 iphone 添加click: true。Android 适用于两者。但是 android 在没有click: true的情况下工作。

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