Javascript 在pageshow事件触发时动态插入DOM

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

首先在

document.ready

中插入一些字段，然后需要在触发pageshow事件时插入一些其他字段

这是我试过的方法

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

$（文档）。在（“pageshow”上，“a”，函数（）{
var a=$（“#aDivMoreOptions”）.append（“Hell”）；
});

注意*：严格来说，只需在pageshow事件中插入，而不需要在pagecreate事件中插入，因为刷新后在pagecreate事件中插入时，所有DOM都消失了

您正在调用

$（“a”）.trigger（“pagecreate”）并在（“pageshow”，“a”）上收听
。
只需在另一个触发器下方放置一个
$（“#a”）.trigger（“pageshow”）

就像这样：

$("#a").trigger("pagecreate");
$("#a").trigger("pageshow");

在pageinit上插入面板，而不是document.ready：

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

当处理pageshow时，面板将在那里

更新

@感谢您的回复。我在哪里重复id？@Rorymcrossan你说的是“c”…在“c”之后有一些文字-这是我的错误。我刚刚注意到你在
id
@RoryMcCrossan后面加了
a
，它就在html的第一行。谢谢。还有一个“DivMoreOptions”是可折叠的，所以里面是可折叠的，但它是显示的outside@Aravin，则需要将其附加到可折叠内容div:var a=$(“#aDivMoreOptions.ui可折叠内容”）。追加（“地狱”）；更新的小提琴：