2013-08-26 214 views
0

我有2個選項卡,並希望選擇第二個選定/活動。我不知道是什麼樣的區別主動/選擇但是這個代碼不工作:jquery選項卡不起作用

$(function() { 
    $("#tabs").tabs(); 
    $("#tabs").tabs({ selected: "#tabs-1" }); 
}); 

我把它改爲:

$(function() { 
    $("#tabs").tabs(); 
    $("#tabs").tabs({ selected: 2 }); 
}); 

和更改選定:2:1或0但沒有運氣。

我想當用戶點擊一個標籤時,cookie應該記錄選擇內容,當下次訪問者訪問時,記住的標籤應該是活動的。 謝謝

回答

4

選擇不是jQuery UI選項卡小部件的有效屬性。你需要使用主動。 http://api.jqueryui.com/tabs/

這個代碼不工作的原因是因爲你初始化標籤窗口小部件兩次:

$(function() { 
    $("#tabs").tabs(); //initialize tabs without specifying selected. 
    $("#tabs").tabs({ selected: 2 }); //doesn't work 
}); 

做這一點:

$(function() { 
    $("#tabs").tabs({ active: 2 }); 
}); 

或本:

$(function() { 
    $("#tabs").tabs(); 
    $("#tabs").tabs("option", "active", 2); 
}); 
+0

非常感謝你。代碼$(「#tabs」).tabs(「option」,「active」,2);它工作完美。 – barnamah