Initialisation de page et événements de chargement dans jQuery mobile web development_jquery

Événements d'initialisation de page (pagebeforecreate, pagecreate)
Jquery Mobile initialisera automatiquement certains plug-ins en fonction des conventions améliorées de la page. Par exemple : l'attribution de l'attribut type=range à une zone de saisie générera automatiquement un curseur personnalisé. Ces comportements d'initialisation automatique sont soumis à " page. " contrôle de plug-in, qui déploie des événements de déploiement avant et après l'exécution, vous permettant d'exploiter la page avant et après l'initialisation, ou même de fournir vous-même un comportement d'initialisation pour désactiver l'initialisation automatique. Notez que les événements d'initialisation de page suivants ne sont déclenchés qu'une seule fois par " page", Juste le contraire de l'événement afficher/masquer à chaque fois que la page est affichée ou masquée

.

pagebeforecreate : Lorsque la page est initialisée, touchez avant l'initialisation.

pagecreate : Lorsque la page est initialisée, touchez après l'initialisation.

$('#aboutPage').live('pagebeforecreate',function(event){
alert('This page was just inserted into the dom!');
});
$('#aboutPage').live('pagecreate',function(event){
alert('This page was just enhanced by Jquery Mobile!');
});

Remarque : en liant pagebeforecreate puis en renvoyant false, vous désactivez les propres opérations du plugin de page. Assurez-vous également de lier ces fonctions avant l'exécution de Jquery Mobile afin qu'elles soient appelées lors du chargement initial de la page. Vous pouvez les utiliser dans le gestionnaire d'événements mobileinit.

Événements de chargement de page (pagebeforeload, pageload)
Lorsqu'une page externe est chargée dans le DOM, deux événements sont déclenchés. Le premier est pagebeforeload et le second est pageload, ou pageloadfailed.

pageavantchargement

Déclenché avant l'émission de la demande de chargement. La fonction de rappel liée à cet événement peut appeler PreventDefault() sur l'événement pour indiquer qu'elle gérera la demande de chargement. Pour ce faire, la fonction de rappel doit appeler solve() ou rejet() sur l'objet transmis à la fonction de rappel via l'objet de données. L'objet passé à la fonction de rappel via le deuxième paramètre contient les propriétés suivantes :

• url (string) : l'adresse absolue ou relative transmise à $.mobile.loadPage() via le rappel
• absUrl (string) : La version d'adresse absolue de l'URL.
• dataUrl (string) : La version filtrée de l'adresse absolue utilisée lors de l'identification de la page ou de la mise à jour de l'adresse du navigateur
• deferred (object) : La fonction de rappel qui appelle PreventDefault() pour cet événement doit être appelée pour cet événement
• La méthode resolve() ou rejet() permet de restaurer la requête changePage().

Par exemple :

$( document ).bind( "pagebeforeload", function( event, data ){
 //让jqm框架知道由我们来处理load事件.
 event.preventDefault();
 //...加载文档然后插入到DOM中
 //在这个回调中，或者通过其他的异步加载手段中，
 //调用resolve,转入到下面的参数中，加上一个
 //包含有页面dom元素的jquery选择器。
 data.deferred.resolve( data.absUrl, data.options, page );
});

chargement de la page

Déclenché une fois que la page a été chargée et insérée avec succès dans le DOM. La fonction de rappel liée à cet événement recevra un objet de données comme deuxième paramètre. Cet objet contient les informations suivantes :

• url (chaîne) : URL.
• absUrl (string) : La version d'adresse absolue de l'URL.