Derniers tutoriels de développement web
 

jQuery pageinit Event

<JQuery Mobile Events

Exemple

Alerter un texte lorsque la page a été initialisé et amélioré:

$(document).on("pageinit",function(){
  alert("pageinit event fired!")
});
Essayez - le vous - même »

Définition et utilisation

L'événement pageinit a été désapprouvée dans jQuery la version 1.4.0. Utilisez le pagecreate événement au lieu.

L'événement pageinit est déclenché lorsque la page a été initialisé et après jQuery Mobile a terminé l'amélioration du contenu de la page.

Avant la version 1.4, cet événement a été utilisé au lieu du jQuery DOM ready() méthode, de placer tous les autres événements et fonctions jQuery. En effet, il fonctionnera si la page est chargée directement ou par l'appel AJAX d'une autre page. Cependant, comme la version 1.4, il a été remplacé par l'événement pagecreate.

Remarque: Cet événement ne se déclenche une fois par "page" - Chaque fois qu'une page est chargée pour la première fois, jQuery Mobile met en cache les pages dans la (mémoire) DOM, de sorte que lorsque vous naviguez de retour de pagetwo à PageOne (par exemple), cette événement ne se déclenche pas, car alors, PageOne est déjà initialisé.

Événements connexes:

  • pagebeforecreate - déclenché lorsque la page est sur le point d'être initialisé, mais avant la mise en valeur a commencé
  • pagecreate - déclenché lorsque la page est créée, mais avant la mise en valeur est terminée

Syntaxe

Pour déclencher l'événement pour toutes les pages jQuery Mobile:

$(document).on("pageinit",function(event){...}) Try it

Pour déclencher l'événement pour une page spécifique:

$(document).on("pageinit"," page ",function(event){...}) Try it

Paramètre La description
function(event) Obligatoire. Indique la fonction à exécuter lorsque l'événement se produit pageinit

La fonction a un objet d'événement en option, qui peut contenir des propriétés de l' événement jQuery (par exemple event.target, event.type , etc.) Voir jQuery Events Référence pour plus d' informations.
page Optionnel. Points à l'id de la page pour spécifier l'événement pageinit pour. Pour les pages internes, utilisez #id . Pour les pages externes, utilisez externalfile.html .

Essayez-le vous-même - Exemples

Une démonstration de pagebeforecreate et pagecreate
Une démonstration qui montre quand pagebeforecreate et pagecreate feu.

L'objet événement
Utilisation de la propriété event.type pour retourner le type d'événement déclenché.


<JQuery Mobile Events