页面重新加载/刷新在jQuery Mobile的每个页面上执行$（document）.ready（）

Question

我的jQuery移动应用程序包含多个页面。

每当我重新加载页面时，无论应用程序中的哪个页面，都会执行$(document).ready()函数。我希望它只能在应用程序的主页面上执行。

发生了什么事？我希望它只能在主页面上运行。

Answer 1

请阅读

• http://jquerymobile.com/demos/1.0/docs/api/events.html

  

重要提示：使用pageInit（），而不是$（文档）.ready（）

     

你在jQuery中学到的第一件事就是在里面调用代码   $（document）.ready（）函数，所以一切都会尽快执行   DOM已加载。但是，在jQuery Mobile中，Ajax用于加载   导航时每个页面的内容都放入DOM中，并准备好DOM   处理程序仅对第一页执行。每当执行代码时   加载并创建新页面，您可以绑定到pageinit事件。   此事件在本页底部详细说明。

另外，对于jQM页面信息，请阅读

• http://jquerymobile.com/demos/1.0/docs/pages/index.html