當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


JQuery Mobile Pagecontainer hide( event, ui )用法及代碼示例


用法:

hide( event, ui )

類型:pagecontainerhide

在過渡動畫完成後觸發。注意:與已棄用的不同pagehide事件,此事件不會在 "fromPage" 上觸發,而是在 pagecontainer 小部件的元素上觸發。

請注意,在應用程序啟動時的第一頁轉換期間不會調度此事件,因為之前沒有活動頁麵。

您可以通過綁定回調函數的第二個參數訪問nextPage 屬性。例如:

$( ":mobile-pagecontainer" ).on( "pagecontainerhide", function( event, ui ) {
  alert( "This page was just shown: " + ui.nextPage );
});

為了在初始頁麵加載期間調用這些處理程序,您必須在 jQuery Mobile 執行之前綁定它們。這可以在 mobileinit 處理程序中完成,如全局配置頁麵所述。

  • event
    類型:Event
  • ui
    類型:Object
    • nextPage
      類型:jQuery
      一個 jQuery 集合對象,其中包含我們剛剛轉換到的頁麵 DOM 元素。
    • toPage
      類型:jQuery
      包含目標頁麵 DOM 元素的 jQuery 集合對象。
    • prevPage
      類型:jQuery
      一個包含來自頁麵 DOM 元素的 jQuery 集合對象。

代碼示例:

使用指定的隱藏回調初始化頁麵容器:

$( ".selector" ).pagecontainer({
  hide: function( event, ui ) {}
});

將事件監聽器綁定到 pagecontainerhide 事件:

$( ".selector" ).on( "pagecontainerhide", function( event, ui ) {} );

相關用法


注:本文由純淨天空篩選整理自jquerymobile.com大神的英文原創作品 Pagecontainer hide( event, ui )。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。