comment faire pour exécuter une fonction de rappel après $.mobile.changePage est prêt en jquery?
dans ce projet de gi à l'aide de jquery et de phonegap
j'ai un lien que si vous cliquez dessus , les modifications de la page:
$('#statsButtonmain').on('click', function() {
$.mobile.changePage("stats.html", { transition: "slideup"}, true, true);
});
cela fonctionne bien, mais je voudrais exécuter une fonction (playMusic()
) lorsque la transition est faite, quelque chose comme ceci:
$('#statsButtonmain').on('click', function() {
$.mobile.changePage("stats.html", { transition: "slideup"}, true, true);
playMusic();
});
j'ai découvert qu'il y est un pageshow
événement qui est déclenché sur la page affichée, après sa transition terminée, mais im pas sûr de la façon de l'utiliser
cela ne semble pas fonctionner, des idées?
Grâce
Vous devez vous connecter pour publier un commentaire.
Je n'ai pas fait beaucoup jQuery mobile, développement, donc cela ne peut pas être la solution la plus efficace. Comme vous l'avez dit, le
pageshow
événement que vous devez l'utiliser. Voici les 2 fichiers HTML, j'ai couru localement dans lequel je vois l'alerte après lastats.html
page de transition est terminée. Le.live()
est lié à la#stats
de l'élément de pagepageshow
événement.HTML
(enregistré en tant que index.html)
(enregistré en tant que stats.html)
index.html
après le chargement de la page, il va àtest.html
et sur cette page j'ai le lien pourstats.html
. Dans ce cas, dois-je mettre le js dans letest
page de mal le laisser dans la script.js fichier et ajouter ce fichier danstest.html
?live
est obsolète et qu'il a été supprimé à partir de jQuery 1.9. Je vous conseille d'utiliserdelegate
ouon
à la place. Voir api.jquery.com/live pour plus de détails.pageshow
est supprimée de la version 1.4.0, utilisezpagecontainershow
juste comme la façon de modifier la page, plus besoin d'utiliser$(":mobile-pagecontainer").pagecontainer("change", "pageId", { transition: 'none' });
au lieu dechangePage
méthode