如何使用JQuery Mobile在选项卡中动态添加div

Question

我有一个使用phonegap和jquery mobile的应用程序，它有像这样的标签

<div data-role="header">
    <div data-role="tabs">
        <ul>
            <li><a href="#tab-1" class="">Tab 1</a></li>
            <li><a href="#tab-2" class="">Tab 2</a></li>
            <li><a href="#tab-3" class="">Tab 3</a></li>
        </ul>
    </div>
</div>

<div data-role="content">
    <div id="tab-1">
        <h2>Here is the second tab</h2>       
    </div>

    <div id="tab-2">
        <h2>Here is the second tab</h2>
    </div>

    <div id="tab-3">
        <h2>Here is the third tab</h2>
    </div>
</div>

现在我需要做以下事情

1. 如何动态地将div添加到任何标签页？
2. 如何显示进度条约10秒钟，然后显示结果。

Answer 1

您可以使用jQuery动态添加DOM元素，如下所示：

$('#container').append("<div></div>");

对于jQuery-Mobile，您必须在任何特定于库的构造上调用refresh，例如listviews。