如何設置頁面加載使用jQuery的默認選項卡？

Question

如何在頁面加載時將腳本修改爲默認的第二個選項卡（而不是第一個）？謝謝..

<script> 
$(function() {  
    $("#nav ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 400}); 
}); 
</script> 

<!-- tab panes --> 
<div id="panes"> 
    <div> 
     <p>content1</p> 
    </div> 
    <div> 
     <p>content2</p> 
    </div>  
</div> 


<!-- navigator --> 
<div id="nav"> 
    <ul>   
     <li> 
      <a href="#1"> 
       Tab1 
      </a> 
     </li> 

     <li> 
      <a href="#2"> 
       Tab2 
      </a> 

     </li>  
    </ul> 
</div> 

Answer 1

更改標籤，以反映以下

$(function() {  
    $("#nav ul").tabs("#panes > div", {initialIndex: 1, effect: 'fade', fadeOutSpeed: 400}); 
}); 

編輯：

看起來好像你真正的問題涉及到jQuery的工具，而不是jQuery用戶界面，按你提供的例子。因此，我更新了我的代碼以匹配發現here的jQuery Tools文檔。問題是，jQuery UI使用稱爲selected的東西來確定顯示的零索引初始選項卡。相比之下，jQuery Tools使用了一種叫做initialIndex的東西。你可以找到你的代碼here的工作示例。

Answer 2

使用選定的選項。

<script> 
    $(function() {    
    $("#nav ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 400, selected:1}); 
}); 
</script> 

查詢的網址：

http://docs.jquery.com/UI/Tabs#options

Answer 3

只需添加`UI的選項卡，選擇你的第二個選項卡。

<div id="nav"> 
    <ul>   
    <li> 
     <a href="#1"> 
      Tab1 
     </a> 
    </li> 

    <li class="ui-tabs-selected"> 
     <a href="#2"> 
      Tab2 
     </a> 

    </li>  
</ul> 

但你必須做