2011-08-24 121 views
1

这是我使用的库:http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
这是我的代码有:jQuery +移动设备:我如何上下滚动? (iOS版:新iPad)

   $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库可以做到这一点?

回答

1

在您使用的脚本,注释掉该行:

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

(在防止默认的行)

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

+1

无需更改脚本,只需设置'preventDefaultEvents:FALSE'在您的脚本。 –

1

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

$("#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; 
    } 
    }); 

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

0

刚刚成立preventDefaultEvents: false

本地像

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

或全局像

var config = { 
    preventDefaultEvents: true ...