如何在JQuery Mobile中动态刷新复杂的div?

时间:2012-01-05 04:58:54

标签: jquery jquery-mobile

我想根据用户输入显示div一组次数(1-5次)。我最初尝试使用javascript来存储内部html的副本;每当用户更改数字(1-5)时,我会将数字传递给javascript方法,该方法将清空div,然后在div中多次粘贴内部html的副本(传递的数字)。这似乎产生了没有JQuery Mobile样式的普通的jilla javascript输出,而且我还没有能够使用刷新方法。

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

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

这是我试图重复(1-5次)的div,具体取决于用户输入(例如,用户应该能够从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>

2 个答案:

答案 0 :(得分:0)

你试过这个吗?

$(&#39;#youPageId&#39)页。(&#34;破坏&#34)页();

答案 1 :(得分:0)

你需要'刷新'div。尝试使用

.trigger('create') 

就可以了。查看文档。