jQuery Mobile pageload 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

在外部頁面成功加載及插入到DOM中後彈出資訊:

$(document).on("pageload",function(){
  alert("pageload 事件觸發!");
});


定義和用法

1.4.0 版本後已廢棄,使用 pagecontainerload 替代。

pageload 事件在頁面成功加載及插入到DOM後觸發。

相關事件:

注意: 外部頁面加載到DOM時,肯定會觸發2類事件。加載之前的pagebeforeload事件,和加載之後pageload(加載成功) 或 pageloadfailed(加載失敗)。


語法

$("document").on("pageload",function(event,data){...})

參數 描述
function(event,data) pageload 事件觸發後指定執行的函數

該函數含有以下兩個參數:

事件對象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多資訊請查閱 jQuery 事件參考手冊

數據對象 - 包含以下類型:

  • url (string) - 通過回調傳到$.mobile.loadPage()的絕對或者相對地址
  • absUrl (string) - 包含URL的絕對引用
  • dataUrl (string) - 包含流覽器的URL 位置
  • options (object) - 包含可選項發送到 $.mobile.loadPage()
  • xhr (object) - 包含 XMLHttpRequest 對象 (作為第三個參數發送到 $.ajax() 成功回調)
  • textStatus (string 或者 null) - 包含請求狀態 ("success" 或 "null") (作為第二個參數發送到 $.ajax() 失敗回調)


實例

更多實例

相關事件演示。
pageload 和 pageloadfailed事件的演示。

事件對象
使用 event.type 屬性返回觸發的事件類型。

數據對象
使用 data.url 返回外部頁面的URL。


jQuery Mobile 事件 jQuery Mobile 事件