2011-08-24 64 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 ...