創建jQuery的標籤移動

Question

我想在我的jQuery Mobile的應用這樣一個創建標籤：

功能是這樣的，我在想： 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 --> 

我如何獲得外觀和感覺，就像在這個頁面上？

Answer 1

你必須使用你自己的CSS，只要得到它here，你可以編輯它。不要像我在jsfiddle上看到的那樣使用外部鏈接。它會給予默認的'jquery-mobile'風格。