jQuery Mobile的刷卡事件只能有時（使用PhoneGap的）

Question

我加入swipeleft和swiperight聽衆這樣

$("#slides li").swipeleft(function(){ 
    console.log("!!!! swipe left"); 
}); 
$("#slides li").swiperight(function(){  
    console.log("!!!! swipe right");    
}); 

和它的作品有時，但大多沒有。我沒有做任何不同的事情。

我使用的是PhoneGap 1.4.0，JQuery mobile 1.0和JQuery min 1.7.1。

任何想法......？提前致謝。

Answer 1

移動瀏覽器通常在id屬性中存在問題，這是由於它們的緩存是如何工作的。這意味着id屬性並不總是唯一的，即使您只在頁面上使用它一次。

您可以嘗試將滑動事件綁定到class，以避免這些問題。它可能是這個樣子：

$('.slides').bind('swiperight',function(event, info){ 
    console.log("!!!! swipe right"); 
}); 

jQuery Mobile的也有定義它應該是不同的手勢（如刷卡）多麼敏感的JavaScript代碼一些常量。您可能需要更改這些常量以使您的應用程序對滑動事件更加敏感。