使用 .html () 动态生成内容，但在使用 .html() 后不应用 js 样式

Question

我正在建立一个在移动设备上与Cordova一起使用的网站。我发现了一个名为nativedroid2的很棒的JavaScript框架。该框架生成应用于html代码的html类，效果等。

现在我正在尝试做的是通过使用对服务器的AJAX调用在jQuery中动态生成html代码(我希望javascript使HTML消除服务器的负载(。但是，当我尝试在某些div上使用html()来加载一些HTML时，nativedroid javascript函数不适用于HTML，因此没有进行任何样式设置，一切看起来我什至没有使用nativedroid2。我还没有使用 AJAX 调用，因为我正在测试html()是否适用于原生机器人。

var html1;
var html2;
function loadpage(id, data) {
generateContent(id, data);
$('[data-role="header"]').html(html1);
$('[role="main"]').html(html2);
}
function generateContent(id, data) {
html1 = "bunch of html for the header"
html2 = "bunch of html for the body"

有谁知道更好的html()替代方案或解决此问题的方法？

Answer 1

html(( 的替代

您可以使用 JavaScript 函数createElement((

var P_tag=$("#your_div_id").createElement('p');

这将创建一个元素 P 标签，之后，您可以为其设置文本

P_tag.text("Text");

Answer 2

所以我在网上读到我必须转义引号。我为此使用了一个在线工具。然而，在线工具将"成""，被读取为空字符串。删除它修复了它。

如果您回答，感谢您的时间