Question

我正在移动设备建立一个与Cordova一起使用的网站。我发现了这个名为nativedroid2的javascript框架。该框架生成应用于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样式

2 个答案: