最新的Web開發教程
 

jQuery的pagecreate事件

<jQuery Mobile的活動

提醒一些文本的頁面被創建時,但在此之前增強齊全:

$(document).on("pagecreate",function(){
  alert("pagecreate event fired!")
});
試一試»

定義和用法

當頁面已經在DOM中創建(通過AJAX或其他方式)的pagecreate事件被觸發,但在此之前jQuery Mobile的完成提高頁面。

使用此事件,而不是jQuery的DOM ready()方法,將所有其他的jQuery的活動和功能,因為它會工作的頁面是否直接或通過另一頁的AJAX調用加載注意:1.4版本之前,我們使用了pageinit事件(不建議使用)來處理這個問題。

注意:此事件僅每“頁”觸發一次-每一個頁面加載的第一次的時候,jQuery Mobile的在DOM(內存)緩存網頁,所以當你從pagetwo導航回到PAGEONE(例如),這事件不會火,因為那時,PAGEONE已初始化。

提示:本次活動也是用戶希望創建自己的自定義部件增強有用:

$(document).on("pagecreate","#pagetwo",function(event){
  $.(":jqmData(role='my-plugin')").myPlugin();
});

相關事件:

  • pagebeforecreate -觸發時頁即將被初始化,但增強已經開始之前

句法

要觸發對jQuery Mobile的所有頁面的事件:

$("document").on("pagecreate",function(event){...}) Try it

要觸發特定頁面的事件:

$("document").on("pagecreate"," page ",function(event){...}) Try it

參數 描述
function(event) 需要。 指定函數時pagecreate事件發生時運行

該函數有一個可選的事件對象,它可以包含任何jQuery的事件屬性(如event.target, event.type等)請參閱的jQuery事件參考以獲取更多信息。
page 可選的。 點到頁面的ID來指定pagecreate事件。 對於內部的網頁,使用#id 。 對於外部網頁,使用externalfile.html

試一試 - 示例

pagebeforecreate和pagecreate的演示
演示顯示,當pagebeforecreate和pagecreate火災。

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


<jQuery Mobile的活動