2012-01-05 18 views
1

divをユーザーの入力に基づいて設定した回数(1〜5回)表示したい。私はもともと内部HTMLのコピーを格納するためにjavascriptを使ってみました。ユーザーが番号(1-5)を変更するたびに、javascriptメソッドに番号を渡してdivを空にし、内部HTMLのコピーをdiv内に何度も貼り付けます(渡された数値)。これは、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に、その後3から5に変更することができ、およびDIVを持つ必要があり、ユーザの入力に応じて繰り返す(1-5回)をしようとしている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> 

答えて

0

はこれを試したことがありますか?

$( '#youPageId')。ページ( "破壊")。

0

divを '更新'する必要があります。試してみてください

です。ドキュメントをチェックアウトしてください。

関連する問題