Latest web development tutorials

jQuery Mobile pageinit 事件

jQuery Mobile 事件 jQuery Mobile事件

實例

在頁面初始化及增強時彈出信息:

$(document).on("pageinit",function(){
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 屬性返回觸發的事件類型。


jQuery Mobile 事件 jQuery Mobile事件