jquery-mobile - jQuery Mobile - 绑定到 pageinit 事件

Question

我正在尝试理解以下jQuery Mobile示例。

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

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

Answer 1

aboutPage应该是页面的 id。（iediv with data-role="page"）。将您定义的包含 的函数live()附加alert到. 在页面初始化时在页面上触发。pageinitaboutPagepageinit

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

aboutPage初始化时会执行alert语句

即使页面不在视图中，该页面也可能会被初始化。因此，即使在您转到该页面之前，pageinit也会触发 div 的。如果您正在加载另一个 html 文件，因为该页面的新页面pageinit只有在您将该页面加载到视图中。因此，在您的情况下，如果您想在您的 div 进入视图时执行某些操作，您可以尝试使用pagebeforeshowand pageshow。pagebeforeshow将在动画开始前和pageshow动画结束后在新页面上触发。