Android模拟器上的JQuery移动滑动事件有时只能工作（使用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代码中也有一些常量，用于定义对不同手势（例如滑动）的敏感程度。您可能希望更改这些常量，以使您的应用程序对滑动事件更敏感。