次のようなjqueryモバイルアプリケーションでタブを作成したい:
機能は次のようなものだと思います: http://jsfiddle.net/m8wQM/
<div data-role="content">
<div data-role="navbar" id="navbar">
<ul>
<li><a href="#" class="ui-btn-active" data-tab-class="tab1">Tab1</a></li>
<li><a href="#" data-tab-class="tab2">Tab2</a></li>
<li><a href="#" data-tab-class="tab3">Tab3</a></li>
<li><a href="#" data-tab-class="tab4">Tab4</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab1">
Tab1
</div>
<div class="tab2 ui-screen-hidden">
Tab2
</div>
<div class="tab3 ui-screen-hidden">
Tab3
</div>
<div class="tab4 ui-screen-hidden">
Tab4
</div>
</div>
</div><!-- /content -->
このページのように、ルック アンド フィールを取得するにはどうすればよいですか?