jQuery +移动设备：我如何上下滚动？ （iOS版：新iPad）

Question

这是我使用的库：http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
这是我的代码有：

   $j("#section-content").touchwipe({ 
        wipeLeft: function() {$j('#next-page').trigger('click'); }, 
        wipeRight: function() { $j('#prev-page').trigger('click'); }, 
        wipeUp: function() { alert("up"); }, 
        wipeDown: function() { alert("down"); }, 
        min_move_x: 20, 
        min_move_y: 20, 
        preventDefaultEvents: true 
       }); 

现在

，wipeUp和wipeDown似乎无法正常工作（我没有看到任何警报在我的Mac上的虚拟iPad上）。 真正的问题是，当我有一个可以左右擦拭的对象时，它会阻止向下擦拭（对于滚动长页面至关重要）。

那么我该如何重新启用通过擦除/擦除滚动？有更好的jQuery库可以做到这一点？

Answer 1

在您使用的脚本，注释掉该行：

 function onTouchMove(e) { 
     if(config.preventDefaultEvents) { 
      // e.preventDefault(); 
     } 

（在防止默认的行）

它可以防止移动浏览器上来的是胜。

Answer 2

你也可以使用下面的代码中的

$("#section-content").touchwipe({ 
     preventDefaultEvents: false, 
     wipeLeft: function() { 
     $("#section-content").cycle("next"); 
     $("#section-content").cycle("pause"); 
     return false; 
    }, 
    wipeRight: function() { 
    $("#section-content").cycle("prev"); 
    $("#section-content").cycle("pause"); 
    return false; 
    } 
    }); 

这可能是更好的选择，因为它通常最好不要编辑插件，当你有一个新的版本更新为源代码的尝试，你必须记住改变代码....几十个网站，这可能是一个真正的努力！

Answer 3

刚刚成立preventDefaultEvents: false

本地像

$("#section-content").touchwipe({ 
    preventDefaultEvents: false ... 

或全局像

var config = { 
    preventDefaultEvents: true ...