jQuery Mobile pagebeforeload 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

在載入請求前彈出資訊:

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

定義和用法

pagebeforeload 是在任何加載之前觸發的事件。

相關事件：

  • pageload - 在頁面成功載入並插入到DOM中觸發。
  • pageloadfailed - 在頁面加載失敗後觸發。

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

語法

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

參數 描述
function(event,data) 必須。指定 pagebeforeload 事件觸發時執行的函數。

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

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

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

  • url (string) - 通過回調傳到$.mobile.loadPage()的絕對或者相對地址
  • absUrl (string) - 包含URL的絕對引用
  • dataUrl (string) - 包含流覽器的URL 位置
  • deferred (object) - 包含 resolve() 或 reject()
  • options (object) - 包含可選項發送到 $.mobile.loadPage()
注意： 針對此事件調用preventDefault()的回調函數必須針對此事件調用 resolve()或者reject()方法，使得changePage()的請求恢復。

實例

更多實例

相關事件演示
該實例演示了pageload 和 pageloadfailed。

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

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

jQuery Mobile 事件 jQuery Mobile 事件