Как мне динамически обновить сложные div в JQuery Mobile?

Question

Я хочу отображать div установленное количество раз (1-5 раз) в зависимости от ввода пользователя. Первоначально я пытался просто использовать JavaScript для хранения копии внутреннего HTML; всякий раз, когда пользователь изменял число (1-5), я передавал число методу javascript, который очищал бы div, а затем вставлял копию внутреннего html столько раз (переданное число) в div. По-видимому, это приводит к выводу простого ванильного JavaScript без стилей JQuery Mobile, и мне не удалось заставить работать метод обновления.

var content = $('.someClass').html();

function setNumDivs( numDivs ){
$('.someClass').html("");
for(var i=0; i<numDivs; i++){
    $('.someClass').append(content);
}   
}

Это div, который я пытаюсь повторить (1-5 раз) в зависимости от ввода пользователя (например, пользователь должен иметь возможность изменить значение с 3 на 5, а затем обратно на 1, и повторить div и отобразить, количество раз динамически без обновления страницы):

<div class="someClass">
<label for="selectionButton" class="select"></label>
<select name="selectionButton" id="selectionButton">
        <option value="default">Select a major</option>
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
</select>

<span id="someSlider" data-role="fieldcontain"> %     
    <input type="range" name="slider" id="slider" value="50" min="1" max="100"/>       
</span>

Answer 1

вам нужно «обновить» div. попробуйте использовать

.trigger('create') 

на это. проверить документы.

Answer 2

Вы пробовали это?

$ ( '# youPageId') страница ( "уничтожить") страницы ();..