jQuery Mobile - 绑定到pageinit事件

时间:2011-10-11 17:02:53

标签: jquery-mobile page-init

我想了解以下jQuery Mobile示例。

$( '#aboutPage' ).live( 'pageinit',function(event){
  alert( 'This page was just enhanced by jQuery Mobile!' );
});

在这种情况下,#aboutPage是什么?对象pageinit绑定的对象是什么?

1 个答案:

答案 0 :(得分:13)

aboutPage应该是页面的ID。(iediv with data-role="page")。live()将您定义的包含alert的函数附加到pageinit 1}}事件aboutPagepageinit在页面初始化时在页面上触发。

简而言之,您的代码所做的是

  

初始化aboutPage时将执行警告语句

页面可能会被初始化,即使它不在视图中。所以甚至在你去那个页面之前,div的pageinit将被触发。如果你正在加载另一个html文件作为新页面{ {1}}仅当您将该页面加载到视图中时才会触发该页面。因此,如果您想在div进入视图时执行某些操作,可以尝试pageinit和{{1动画开始前将在新页面上触发{。{1}},动画结束后pagebeforeshow将会触发。{/ p>