jQuery行動web開發中的頁面初始化與載入事件_jquery

頁面初始化事件(pagebeforecreate、pagecreate)
Jquery Mobile會自動基於page"內的增強的約定自動初始化一些外掛程式。例如：給一個input輸入框約定了type=range屬性會自動產生一個自訂滑動條。這些自動初始化的行為是受" page"外掛程式控制的，它在執行前後部署部署事件，允許你在初始化前後操作頁面，或甚至自己提供初始化行為，禁止自動初始化。註以下的頁面初始化事件在每個「page」只觸發一次，與每次頁面在顯示或隱藏的show/hide事件剛好相反。

$('#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!');
});

頁面載入事件(pagebeforeload、pageload)
當外部的頁面載入到dom時，有兩個事件被觸發。第一個是 pagebeforeload，第二個是pageload ，或是pageloadfailed。

pagebeforeload

url (字串)：透過回呼傳到$.mobile.loadPage()的絕對或相對位址
absUrl (字串)：url的絕對位址版本。
dataUrl (字串)：絕對地址的當識別頁面或更新瀏覽器地址的時候使用的絕對地址經過過濾的版本
deferred (物件)：針對此事件呼叫preventDefault()的回呼函數必須針對此事件呼叫
resolve()或reject()方法，使得changePage()的請求恢復。

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

pageload

url(字串)：網址址。
absUrl(字串)：url的絕對位址版本。