jQuery Mobile page Agenda
jQuery Mobile page Agenda
Evénements dans les pages mobiles jQuery traitant sont divisés en quatre catégories:
- Page Initialisation - avant que la page est créé lorsque la page est créée, et la page après l'initialisation
- Page Load / Unload - lorsqu'une page de chargement externe, déchargement ou lorsque échoue première
- Transition Page - page de transition avant et après
- Changer de page - Lorsque la page est modifiée, ou de l'échec du visage
Pour des informations complètes sur tous les événements jQuery Mobile, s'il vous plaît visitez notre manuel jQuery Mobile Event .
événement jQuery Mobile Initialisation
Lorsque jQuery Mobile dans une page typique est initialisée, il faudra passer par trois étapes:
- Avant la création de page
- Création de page
- initialisation de la page
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:
Exemples
alert ( "événement déclencheur pagebeforecreate!");
});
$ (Document) .on ( "pagecreate", function (event) {
alert ( "événement déclencheur pagecreate!");
});
Essayez »
événement Load jQuery Mobile
é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:
Exemples
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
Essayez »
jQuery Mobile événement de transition
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:
Exemples
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
Essayez »