jquery mobile通过注入的内容加载实际内容

Question

我有一个带有空div的jQuery Mobile页面，我想将内容加载到这个div中，如下所示：

单独的js脚本

$('#myPage').live('pagebeforecreate', function(event) {
    $("#content").html('<p>My html</p>');
}); 

HTML

<div data-role="content" id="content">
</div>

页面加载后，我可以看到我的内容，但是之后jQuery Mobile只显示空div。我该如何防止这种情况并保留我的内容？我使用了pagebeforeload事件，因为我希望jQuery Mobile能够增强我的标记。

Answer 1

查看pagebeforeload事件的文档：

  

<强> pagebeforeload

     

在发出任何加载请求之前触发......

来源：http://jquerymobile.com/demos/1.1.0/docs/api/events.html

pagebeforeload仅针对通过AJAX引入的页面触发，因此当此事件触发时，#content元素不存在。

请注意同一文档页面中的摘录：

  

<强>页面加载

     

在页面成功加载并插入DOM后触发。

这是您要使用的事件，或pageinit将触发所有页面，而不仅仅是外部页面。我相信pageload事件在页面实际初始化之前会触发，因此您添加到HTML的任何窗口小部件都应自动初始化。