jQuery Mobile pageinit 事件
jQuery Mobile 事件實例
在頁面初始化及增強時彈出資訊:
$(document).on("pageinit",function(){
alert("pageinit 事件觸發!")
});
alert("pageinit 事件觸發!")
});
定義和用法
該事件在 1.4.0 版本後已廢棄，使用 pagecreate 替代。
pageinit 事件在頁面初始化後及 jQuery Mobile 已完成對頁面內容的增強後觸發。
使用該事件取代 jQuery DOM ready 事件, 因為不管頁面是直接載入或者是通過Ajax調用都能夠觸發。
注意： 該事件在每個頁面中只能觸發一次 - 在頁面第一次載入時， jQuery Mobile 會在 DOM (記憶體)緩存頁面, 所以當你通過流覽器從第二個頁面回退第一個頁面時,該事件將不會被觸發, 這是因為第一頁面已經被初始化了。
相關事件:
- pagebeforecreate - 在頁面初始化及jQuery Mobile在開始增強頁面之前觸發。
- pagecreate - 在頁面創建成果之後，但是頁面完成增強前觸發該事件。
語法
在jQuery Mobile中觸發所有頁面事件:
$("document").on("pageinit",function(event){...})
觸發指定頁面事件：
$("document").on("pageinit","page",function(event){...})
| 參數 | 描述 |
|---|---|
| function(event) | 必須。pageinit 事件觸發後指定執行的函 函數是一個包含任何jQuery事件屬性的可選事件對象 (例如 event.target, event.type, 等)。參閱 jQuery 事件參考手冊 查看更多jQuery事件屬性。 |
| page | 可選。用於指定pagebeforecreate事件觸發的頁面id 。內部頁面, 請使用 #id。 外部頁面, 使用 externalfile.html。 |
更多實例
pagebeforecreate, pagecreate 事件的演示。
該實例展示了pagebeforecreate, pagecreate 事件的觸發。
事件對象
使用 event.type 屬性返回觸發的事件類型。