Effectuez un balayage à Cordoue avec Jquery et jgestures

Il y a beaucoup de sujets dans Stackoverflow quand il s'agit de glisser à l'aide de jQuery/jQuery mobile. Cependant, aucun d'entre eux semblent fonctionner de la manière que je veux. Voici la structure de ma page index de mon app phonegap. Comme cette sujet recommandé, j'ai essayé jgestures plugin.

<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>

Tout ce que je veux faire dans ma deviceready est-ce

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
}

Mais cela ne fonctionne pas avec des exemples de code que j'ai essayé.. quelqu'un Peut-il dire ce que je fais mal?

OriginalL'auteur thandasoru | 2013-02-25