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
Vous devez vous connecter pour publier un commentaire.
Ressemble cette question avait un problème similaire. La solution était de faire quelque chose comme ceci:
Ou peut-être vous avez simplement besoin de définir la fonction
onDeviceReady
AVANT d'appeler l'écouteur d'événement.Il n'y a pas de différence entre ce code et le code en question. La définition de la fonction inline ou séparément, ne fait aucune différence. Quelle a été la solution, vraiment?
OriginalL'auteur Indigenuity