javascript - pageshow 事件触发时动态插入 DOM

Question

在我的 jQuery 移动应用程序中，需要在调用 pageshow 事件时插入 DOM，我尝试了一整天但没有成功。

首先在document.ready中插入一些字段，之后需要在pageshow事件触发时插入一些其他字段。

这是 Fiddle 我试过的

$(document).on("pageshow", "#a", function () {
    var a = $("#aDivMoreOptions").append("<h1>Hell</h1>");
});

注意*: 严格只需要在 pageshow 事件中插入，而不是页面创建事件，因为在刷新后插入 pagecreate 事件时，所有 DOMS 都消失了。

Answer 1

代替 document.ready，在 pageinit 上插入面板:

$(document).on("pageinit", "#a", function(){ $("#a").append(...) });

然后面板将在处理 pageshow 时出现。

Updated FIDDLE