Latest web development tutorials

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事件