1

我是 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.

JSFiddle 链接

我已经坚持了1天以上。任何帮助是极大的赞赏!!

4

1 回答 1

0

事实上,您aDiv正在附加,只是没有显示(您可以在 Firebug/WebInspector/DragonFly 中检查您的标记并查看此内容),因为一次只显示一个 JQM 页面。

如果您想附加一个新页面,您可以尝试将其添加到您的body

这是你的小提琴的叉子

http://jsfiddle.net/49LgB/

于 2012-09-12T02:41:43.963 回答