2012-01-05 21 views
1

我想根据用户输入显示一个设定次数(1-5次)的div。我最初尝试使用JavaScript来存储内部html的副本;每当用户更改数字(1-5)时,我都会将该数字传递给javascript方法,该方法将清空div,然后粘贴div内多次(传递的数字)的内部html副本。这似乎产生没有JQuery Mobile风格的普通香草JavaScript输出,并且我一直无法获得刷新方法。如何在JQuery Mobile中动态刷新复杂的div?

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

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

这是我想根据用户输入重复(1-5次)股利(一个用户应该能够改变从3到5,然后回到1,例如,与有格重复显示的次数动态无刷新页面):

<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> 

回答

0

你试过吗? ('#youPageId')。page(“destroy”)。page();

0

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

.trigger('create') 

就可以了。检查文档。