Question

我是JQuery + JQuery移动新手。

我正在尝试为样式目的创建动态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 Link

我已经坚持了1天以上。非常感谢任何帮助!!

Answer 1

实际上你的aDiv被附加了，只是没有显示（你可以在Firebug / WebInspector / DragonFly中查看你的标记并看到这个），因为一次只显示一个JQM页面。

如果您想要添加新页面，可以尝试将其添加到body

这是你小提琴的一个分支

http://jsfiddle.net/49LgB/

JQuery Mobile动态Div页面

1 个答案: