使用Jquery和jgestures在Cordova中滑动

在使用jQuery / jQuery mobile进行滑动时，Stackoverflow中有很多主题。 但是，它们似乎都没有按我想要的方式工作。 以下是我的phonegap应用程序的索引页面的结构。 正如本主题推荐的那样，我尝试了jgestures插件。

我想在我的deviceready事件中做的就是这个

 document.addEventListener("deviceready",onDeviceReady,false); function onDeviceReady() { $('#screen1').bind('swipeleft',showNext); //show next hides screen1, shows screen2 $('#screen2').bind('swiperight',showPrev);//show prev hides screen2, shows screen1 } 

但这不适用于我尝试的任何示例代码。任何人都可以告诉我做错了什么？

Answer 1

看起来这个问题有类似的问题。 解决方案是做这样的事情：

 document.addEventListener("deviceready", function(){ $('#screen1').bind('swipeleft',showNext); //show next hides screen1, shows screen2 $('#screen2').bind('swiperight',showPrev);//show prev hides screen2, shows screen1 },false); 

或者您可能只需要在调用事件侦听onDeviceReady之前定义onDeviceReady函数。