jquery ui選項卡使用jQuery選擇時顯示異常？

Question

我有一個簡單的UI選項卡這樣

<div id="tabs">    
<ul><li><a href="#tabs-1">Single</a></li><li><a href="#tabs-2">Matchmaker</a></li></ul></div> 

後來我使用jQuery的選項來選擇一個標籤

<script type="text/javascript">  
$(document).ready(
    function() { 
     var role = 1; //some value, this value changes and i'm sure its has its value. 
     $("#tabs").tabs("option", "selected", role); 
    } 
); 
</script> 

我甚至試過$("#tabs").tabs("option", "selected", 0);

，但沒有運氣..什麼可能是錯誤？

Answer 1

你應該這樣做：

$(document).ready(
    function() { 
     var role = 1; //some value, this value changes and i'm sure its has its value. 
     $("#tabs").tabs({ selected: role }); 
    } 
); 

小提琴這裏：http://jsfiddle.net/6rB2w/1/

編輯 - 有一個與標記一個問題：看看這個小提琴正在工作：http://jsfiddle.net/6rB2w/11/

<div id="tabs">    
<ul><li><a href="#tabs-1">Single</a></li><li><a href="#tabs-2">Matchmaker</a></li></ul> 
    <div id="tabs-1"> 
     <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu.</p> 
    </div> 
    <div id="tabs-2"> 
     <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis.</p> 
    </div> 
</div> 

$(document).ready(
    function() { 
     var role = 1; //some value, this value changes and i'm sure its has its value. 
     $("#tabs").tabs(); 
     alert('now change the selected tab'); 
     $("#tabs").tabs("select", role); 
    } 
); 

問題是，第一個div必須環繞另外兩個div，否則當你用$("#tabs").tabs("select", role);開啓選項卡時，它會給出錯誤

Answer 2

正確的方法是.tabs('select', TAB-INDEX)（選項卡索引是從零開始的）。