jQuery Mobile dialogue étroit et charger une autre page

Question

Dans jQuery mobile, est-il possible lorsqu'un utilisateur ouvre une nouvelle page (permet de dire example.html), à

• fondu dans une boîte de dialogue (avec l'exemple. html en arrière-plan)
• au bout de 3 secondes, la boîte de dialogue disparaît et
• example.html est maintenant visible

J'ai installé la boîte de dialogue, mais pas sûr de ce qu'il faut faire pour fade in/fade out la boîte de dialogue

<div data-role="page"> 
// page 
</div> 

<div data-role="dialog"> 
    // dialog box fades in, 3 seconds later, fade out 
</div> 

Answer 1

annoter la page et la boîte de dialogue avec un identifiant unique et quelque chose comme ça se lient à l'événement pageshow de la page:

jQuery('#myPageId').bind('pageshow', function() { 
    var me = jQuery(this); 
    var dialogShown = me.data('dialogShown'); 
    var dialog = jQuery('#myDialogId'); 
    if(!dialogShown) { 
     me.data('dialogShown', true); 
     dialog.one('pageshow', function() { 
      setTimeout(function() { window.history.back(); }, '3000'); 
     }); 
     jQuery.mobile.changePage(dialog, {transition: 'fade'}); 
    } 
}); 

Answer 2

Utilisez la méthode fadeOut et vous devriez être en mesure de disparaître la boîte de dialogue. Ensuite, définissez une minuterie pour appeler cela 3 secondes après le chargement de la page.