我是 JQuery + JQuery mobile 的新手。
我正在尝试为样式目的创建动态 div 元素。我从 AJAX 调用中提取 JSON,将其放入无序列表中,然后将其包装到 div 中。AJAX + JSON 工作得很好,但是当我在脚本中创建 DIV 并将其附加到另一个 div 容器中时,它不起作用。我已经对此进行了大量阅读,但我发现的解决方案似乎都不适用于 div 部分。
我已将代码简化为以下内容:
HTML:
<div data-role="page">
<div data-role="header">
<h1>Page Title</h1>
</div><!-- /header -->
<div id="someDiv" data-role="content"></div>
<div id="anotherDiv"></div>
</div>
JavaScript:
$(document).ready(function() {
var newDiv = '<div id="d1"><p>This will attach to the content</p></div>';
var aDiv = '<div id="test" data-role="page"><p>This never gets displayed because of data-role?</p></div>';
$("#someDiv").html(newDiv).trigger('create');
$("#anotherDiv").html(aDiv).trigger('create');
});
请注意如何aDiv
不附加到anotherDiv
. 我怀疑这data-role="page"
与aDiv
.
我已经坚持了1天以上。任何帮助是极大的赞赏!!