jQuery Mobile pageload 事件

2018-09-18 14:17 更新

jQuery Mobile pageload 事件

jQuery Mobile 事件 jQuery Mobile 事件

實(shí)例

在外部頁(yè)面成功加載及插入到DOM中后彈出信息:

$(document).on("pageload",function(){
? alert("pageload event fired!");
});

嘗試一下 ?

定義和用法

pageload 事件在頁(yè)面成功加載及插入到DOM后觸發(fā)。

相關(guān)事件:

注意: 外部頁(yè)面加載到DOM時(shí),肯定會(huì)觸發(fā)2類(lèi)事件。加載之前的pagebeforeload事件,和加載之后pageload(加載成功) 或 pageloadfailed(加載失?。?。


語(yǔ)法

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

參數(shù) 描述
function(event,data) pageload 事件觸發(fā)后指定執(zhí)行的函數(shù)

該函數(shù)含有以下兩個(gè)參數(shù):

事件對(duì)象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多信息請(qǐng)查閱 jQuery 事件參考手冊(cè)

數(shù)據(jù)對(duì)象 - 包含以下類(lèi)型:

  • url (string) - 通過(guò)回調(diào)傳到$.mobile.loadPage()的絕對(duì)或者相對(duì)地址
  • absUrl (string) - 包含URL的絕對(duì)引用
  • dataUrl (string) - 包含瀏覽器的URL 位置
  • options (object) - 包含可選項(xiàng)發(fā)送到 $.mobile.loadPage()
  • xhr (object) - 包含 XMLHttpRequest 對(duì)象 (作為第三個(gè)參數(shù)發(fā)送到 $.ajax() 成功回調(diào))
  • textStatus (string 或者 null) - 包含請(qǐng)求狀態(tài) ("success" 或 "null") (作為第二個(gè)參數(shù)發(fā)送到 $.ajax() 失敗回調(diào))


實(shí)例

更多實(shí)例

相關(guān)事件演示。
pageload 和 pageloadfailed事件的演示。

事件對(duì)象
使用 event.type 屬性返回觸發(fā)的事件類(lèi)型。

數(shù)據(jù)對(duì)象
使用 data.url 返回外部頁(yè)面的URL。


jQuery Mobile 事件 jQuery Mobile 事件

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)