0

我有一个带有空 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 来增强我的标记。

4

1 回答 1

1

查看pagebeforeload事件的文档：

加载前的页面

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

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

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

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

页面加载

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

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

于 2012-04-20T20:08:27.350 回答