当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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 )。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。