Question

我使用以下脚本来阻止第一次点击链接：

$(document).ready(function () {
    $('#container a').bind("touchstart",function(e){
        var $link_id = $(this).attr('id');
        if ($(this).parent().parent().data('clicked') == $link_id) {
            return true;
        } else {
            e.preventDefault();
        }
    });
});

由于这些链接[#container a]覆盖整个屏幕，我无法在触控设备上滚动。

如果用户滚动（touchmove / swipe / drag / ...），有没有办法让滚动行为保持有效？

也许有另一种方法/脚本可以在不禁用滚动的情况下获得我想要的效果......？

Answer 1

我通过使用quo.js找到了另一个解决此问题的方法，此库将处理点击事件而不会影响滚动功能代码就像这样

$(document).ready(function () {
 $$('#container a').tap(function(){
     //your function here
 });
});

touchstart上的preventDefault（）而不禁用滚动

1 个答案: