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

Question

我正在构建一个网站以在移动设备上使用 Cordova。我发现了这个很棒的 javascript 框架，叫做 nativedroid2。该框架生成 html 类、应用于 html 代码的效果等。

现在我要做的是通过使用 AJAX 对服务器的调用在 jQuery 中动态生成 html 代码（我希望 javascript 使 HTML 来移除服务器的负载）。然而，当我尝试在一些 div 上使用 html() 来加载一些 HTML 时，nativedroid javascript 函数不适用于 HTML，因此没有完成任何样式，一切看起来就像我什至没有使用 nativedroid2。我还没有使用 AJAX 调用，因为我正在测试 html() 是否适用于 nativedroid。

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-tag，之后，您可以为其设置文本

P_tag.text("Text");

Answer 2

所以我在网上看到我必须转义引号。为此，我使用了一个在线工具。但是在线工具把"变成了""，读取为空串。删除修复它。

感谢您抽空回答

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

Using .html() to dynamically generate content but js styling is not applied after using .html()

html

javascript

css

jquery

jquery-mobile