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


JQuery Mobile Pagecontainer show( event, ui )用法及代码示例


用法:

show( event, ui )

类型:pagecontainershow

在过渡动画完成后触发。注意:与已弃用的不同pageshow事件,此事件不会在 "toPage" 上触发,而是在 pagecontainer 小部件的元素上触发。

您可以通过绑定回调函数的第二个参数访问prevPage 属性。例如:

$( ":mobile-pagecontainer" ).on( "pagecontainershow", function( event, ui ) {
  alert( "This page was just hidden: " + ui.prevPage );
});

为了在初始页面加载期间调用这些处理程序,您必须在 jQuery Mobile 执行之前绑定它们。这可以在 mobileinit 处理程序中完成,如全局配置页面所述。

  • event
    类型:Event
  • ui
    类型:Object
    • toPage
      类型:jQuery
      包含目标页面 DOM 元素的 jQuery 集合对象。
    • prevPage
      类型:jQuery
      一个 jQuery 集合对象,其中包含我们刚刚转换的页面 DOM 元素。请注意,在应用程序启动期间转换第一页时,此集合为空。

代码示例:

使用指定的显示回调初始化页面容器:

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

将事件监听器绑定到 pagecontainershow 事件:

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

相关用法


注:本文由纯净天空筛选整理自jquerymobile.com大神的英文原创作品 Pagecontainer show( event, ui )。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。