Как динамически добавлять div во вкладки с помощью JQuery Mobile

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

Вы можете динамически добавлять элементы DOM с помощью jQuery следующим образом:

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

Для jQuery-Mobile вам придется вызывать refresh для любых библиотечно-специфических конструкций, таких как listviews.