jQuery Girl
  1. jQuery Girl
  3. jquery mobile pageshow event ne se déclenche pas sur la première page
Intereting Posts
Mon javascript renvoie cette erreur: $ .ajax n’est pas une fonction Le plugin jQuery choisi n’est pas fonctionnel. Quelle est la différence entre e.preventDefault (); et retourne faux? Puis-je avoir plus de 320 pixels de contenu dans un iPhone en utilisant le tag viewport avec device-width et initial-scale = 1? Les caractères accentués ne sont pas récupérés correctement Récupérer les données de la frasortinge JSON La définition d’un atsortingbut désactivé sur un élément SPAN n’empêche pas les événements de clic Modification des cellules adjacentes dans la table lorsqu’un événement est déclenché dans JQuery Ombres CSS «réalistes» (source de lumière) Formulaire de connexion jQuery & AJAX Appeler un JS depuis un code VB sur pageload Evénement jQuery non déclenché sur un élément créé dynamicment Auditeur de clic au milieu de la page stockage local pour plusieurs listes déroulantes d’options de sélection gérer l’événement sélectionné dans twitter bootstrap Typeahead?

jquery mobile pageshow event ne se déclenche pas sur la première page

Je suis nouvelle dans le travail sur cadre mobile jQuery. Lors de mon observation, je ne parviens pas à déclencher l’événement pagebeforeshow sur la première page de mon document

Quelqu’un pourrait-il être confronté au même problème.Veuillez me suggérer les étapes à suivre pour déclencher l’événement ou toute autre solution.

démo http://jsfiddle.net/yNzzG/

Dans la démo, vous verrez une alerte lorsque le gestionnaire pagebeforeshow sera déclenché.

Le code de repos indiquera clairement, espérons que cela aidera,

code 

 $(document).bind('mobileinit', function() { alert('mobileinit'); }); $(function() { var selector = ':jqmData(role=page)'; $('body').on('pageinit', selector, function(e, data) { // initialize page var $page = $(this); alert('init ' + $page.attr('id')); }).on('pagebeforeshow', selector, function(e, data) { // showpage var $page = $(this); alert('show Page before Show Stuff == > ' + $page.attr('id')); }); $('#page1').on('pageinit', function(e, data) { // setup handler var $page = $(this); $page.find('.colorchanger').click(function() { var $content = $page.find('.ui-content'), isBodyC = $content.hasClass('ui-body-c'); $content.toggleClass('ui-body-c', !isBodyC).toggleClass('ui-body-e', isBodyC); }); }); });

Une autre alternative qui fonctionne bien pour moi et qui ne nécessite pas d’autres gestionnaires d’événements, c’est pourquoi je crée simplement une première page factice qui passera immédiatement à la première page visible: 

 
 
 ...

Ensuite, à la fin de la fonction document.ready, procédez comme suit: 

 setTimeout(function() { $.mobile.changePage($("#realFirstPage"), { transition: 'pop', changeHash: false }); }, 100);

Cela peut arriver parce que jquery dom model n’est pas prêt pour la première fois de déclencher un événement d’affichage de page pour la première page. Essayez donc d’inclure (événement bind pagehow) dans l’événement pageinit, cela fonctionne pour moi … 

 $(document).on("pageinit", "#pageId", function(e){ console.log( ' Inside the pageinit event' ); $(document).on("pageshow", "#pageId", function(e){ // code for page show event }); // code for pageinit event });