在多个文档jQuery Mobile站点上执行JavaScript

Question

我有一个网站，我通过getJSON加载所有内容。为了保持较低的DOM大小并使文档可读，内容是从单独的HTML文档加载的。问题是当使用AJAX加载页面时，在加载新页面时不会执行JavaScript。如果我直接访问该页面，则执行JavaScript。

使用AJAX导航到新页面时以及直接加载页面时，有没有办法执行某些JavaScript？

我注意到，使用“index.html＃page2”直接加载页面如果动态创建则不起作用。它只加载第一页。

Answer 1

Jquery mobile的标准行为是使用AJAX从subsequestion页面加载内容，仅加载文档的正文部分。后果是：

• 未加载标题的内容：忽略仅在后续页面中链接的样式表的任何特定脚本
• 加载页面时没有$(document).ready()事件。

正确的做事方式是

1. 确保首页的标题链接到您需要的所有脚本和样式表
2. 将您的javascript绑定到$(document).bind('pageinit')
的$(document).ready()内容

您可以找到更多信息there