刷卡科尔多瓦与jQuery和jgestures(Swiping in Cordova with Jq

在北京有许多话题＃1中，当涉及到使用jQuery / jQuery的移动刷卡。然而，他们都不在我希望的方式工作。以下是我的PhoneGap应用程序的我的索引页面的结构。由于这个话题推荐，我试过jgestures插件。

<html>
<head>
<title>App</title>
<script type="text/javascript" src="lib/cordova-2.2.0.js"></script>
<script type="text/javascript" src="lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="lib/jgestures.js"></script>
</head>
<body>
<div id="home">
    <div id="headersec">
        <!-- some elements like images here-->
    </div>
    <div id="screen1">
        <!-- three 80x80 images go here -->
    </div>
    <div id="screen2">
        <!-- three other 80x80 images go here-->
    </div>
</div>
</body>
</html>

所有我想在我的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
}

但是，这并不与任何示例代码我试过的工作..谁能告诉我究竟做错了什么？

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

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之前，您拨打的事件监听器。