jQuery Mobile的页面事件
用于处理jQuery Mobile的网页事件分为四类：
- 页面初始化 - 创建页面之前，当页面被创建
- 页面加载/卸载 - 当外部页面加载，卸载或遇到故障
- 网页过渡 - 之前和页面转换后
- 改换 - 当页面被更改或从，或遇到故障
对于所有的jQuery Mobile的事件的完整参考，请访问我们的jQuery Mobile的事件参考 。
jQuery Mobile的初始化活动
当jQuery Mobile的一个典型页面初始化，它经历两个阶段：
- 创建页面之前，
- 网页制作
每个阶段具有可以用来插入或操纵代码jQuery Mobile的增强的页面之前，或当一个事件。
| 事件 | 描述 |
|---|---|
| pagebeforecreate | 时触发页面即将被初始化，并且之前的jQuery移动已经开始增强页 |
| pagecreate | 页面被创建时触发，但在此之前增强完成 |
下面的例子演示时，当jQuery Mobile的创建了一个页面中的每个事件触发：
例
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); 试一试» jQuery Mobile的加载事件
页面加载事件是外部的页面。
每当外部页面加载到DOM，2事件触发。 第一是pagecontainerbeforeload，第二要么被pagecontainerload（成功）或pagecontainerloadfailed（失败）。
这些事件在下面的表说明：
| 事件 | 描述 |
|---|---|
| pagecontainerbeforeload | 触发的任何页面加载的请求作出之前 |
| pagecontainerload | 触发后的页面已经被成功地加载并插入到DOM |
| pagecontainerloadfailed | 如果页面加载请求失败触发。 默认情况下，它会显示“Error加载页面”的消息 |
下面的例子演示了pagecontainerload和pagecontainerloadfailed事件是如何工作的：
例
$(document).on("pagecontainerload",function(event,data){
alert("pageload
event fired!\nURL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
alert("Sorry, requested page does not exist.");
}); 试一试» jQuery Mobile的过渡活动
我们也可以使用，当我们过渡从一个页面到下一个事件。
网页过渡涉及到两个页面：一个“自”页和“到”网页-这些动画过渡从当前活动页面的改变(fromPage)到一个新的页面(toPage)
| 事件 | 描述 |
|---|---|
| pagebeforeshow | 触发“ 到 ”页上，过渡动画开始前 |
| pageshow | 触发“ 到 ”页上，过渡动画完成后， |
| pagebeforehide | 引发“ 从 ”页面上，过渡动画开始前 |
| pagehide | 引发“ 从 ”页面上，过渡动画完成后， |
下面的例子演示了转换事件是如何工作的：
例
$(document).on("pagebeforeshow","#pagetwo",function(){ // When entering
pagetwo
alert("pagetwo is about to be shown");
});
$(document).on("pageshow","#pagetwo",function(){
// When entering pagetwo
alert("pagetwo is now shown");
});
$(document).on("pagebeforehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is about to be hidden");
});
$(document).on("pagehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is now hidden");
}); 试一试»