Jquery Mobile / Ajax页面/脚本未加载

Question

由于它是在JQM文档上编写的，因此可以使用ajax加载页面/表单。

以示例：

<form method="POST" action="mypage" data-ajax="true" id="myForm">

</form>

但是当这个表单发布时，不会解释包含在响应中的JS脚本。

$("#myPage").live("pageinit", function() {
   // do something
});

此脚本位于JS文件中，该文件包含在页面的头部。

正如JQM FAQ,所述，有一个解决方案

  

针对特定于页面的脚本编写的另一种方法是包含   没有data-role = page元素时，body元素末尾的脚本   已定义，或在第一个data-role = page元素内。如果你包括   以这种方式自定义脚本，请注意这些脚本会   当通过AJAX或常规HTTP加载该页面时执行，所以如果这些   脚本在每个页面上都是相同的，您可能会遇到问题。   如果您以这种方式包含脚本，我们建议您附上   data-role =“page”元素中的页面内容，并放置脚本   在该元素之外的每个页面上引用。脚本是   该页面的唯一性可以放在该元素中，以确保它们   通过AJAX获取页面时执行。

我试着：

• 在我的div中包含JS文件（data-role =“page”）
• 并在我的div中包含JS脚本（data-role =“page”）

但两者都不起作用。我发现的唯一解决方案是将data-ajax设置为false ...

有什么建议吗？我想启用ajax导航...

Answer 1

.live是一个有效的方法，还是你错过了加载第三方javascript库？

最好使用Chrome并开启Javascript控制台并查看错误。

$（＆＃34; #myPage＆＃34;）。live（＆＃34; pageinit＆＃34;，function（）