はどのようにjQueryのモバイルを使用して、タブで動的にdiv要素を追加し

Question

今私は、次のことを行う必要があり、私はPhoneGapのとjQueryモバイルを使用するアプリケーションを持っており、それがこの

<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

あなたは動的にこのようにjQueryを使ってDOM要素を追加することができます

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

はjQueryのモバイルについて、あなたはlistviewsなどの任意のライブラリの特定の構造上のrefresh、呼び出す必要があるだろう。