创建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'风格。