Le meilleur didacticiel jQuery Mobile page Agenda en 2024, dans ce didacticiel, vous pouvez apprendre jQuery Mobile page Agenda,événement jQuery Mobile Initialisation,Exemples,événement Load jQuery Mobile,Exemples,jQuery Mobile événement de transition,Exemples,
Evénements dans les pages mobiles jQuery traitant sont divisés en quatre catégories:
Pour des informations complètes sur tous les événements jQuery Mobile, s'il vous plaît visitez notre manuel jQuery Mobile Event .
Lorsque jQuery Mobile dans une page typique est initialisée, il faudra passer par trois étapes:
Les déclencheurs d'événements peuvent être utilisés dans chaque étape du code d'opération ou insert.
événement | description |
---|---|
pagebeforecreate | Lorsque la page est sur le point d'initialiser, et avant la page jQuery Mobile amélioré a commencé à déclencher l'événement. |
pagecreate | Lorsque la page a été créée, mais avant l'achèvement des améliorations, a déclenché l'événement. |
pageinit | Lorsque la page est initialisée, et après la page jQuery Mobile améliorée a été achevée, ce qui déclenche l'événement. |
L'exemple suivant illustre le jQuery Mobile lorsque vous créez une page, quand déclencher chaque événement:
événement de chargement de page appartient à une page externe.
Chaque fois qu'un DOM de chargement de page externe, deux événements seront déclenchés. La première est pagebeforeload, le second est pageload (succès) ou pageloadfailed (échec).
Le tableau suivant explique ces événements:
événement | description |
---|---|
pagebeforeload | Avant toute demande d'une page pour charger le déclencheur. |
pageload | La page a été chargé avec succès et inséré DOM déclenché. |
pageloadfailed | Si une demande de chargement de page échoue, l'événement est déclenché. Par défaut, "Erreur de chargement page" message sera affiché. |
Le pageload de présentation ci-dessous et l'événement pagloadfailed fonctionne:
On peut aussi utiliser le cas lors de la transition de l'un à l'autre.
transitions Page impliquant deux pages: une "à" la page et une page "Go" - ces transitions font la page active actuelle ( "à" page) vers la nouvelle page ( "aller à" changer la page de cours devient plus dynamique.
événement | description |
---|---|
pagebeforeshow | Dans la page "go" déclenché avant le début de l'animation de transition. |
pageshow | Dans le "go" déclencheur de l'écran, après l'achèvement de l'animation de transition. |
pagebeforehide | Dans le "à" la page de déclenchement, avant que l'animation de transition commence. |
pagehide | Dans le champ "à" déclenchement de l'écran, après l'achèvement de l'animation de transition. |
Ce qui suit illustre le principe de la période de transition: