Jquery选项卡控件 - 如何选择选项卡

Question

我有以下html来显示jquery的标签控件：

<div id="tabs" class="news1">
    <ul>
        <li><a href="#tabs-1">Track</a></li>
        <li><a href="#tabs-2">History</a></li>
   </ul>
   <div id="tabs-1">
   </div>
   <div id="tabs-2">
   </div>
</div>

在页面加载时，编写以下脚本：

<script>
$(function() {
    $( "#tabs" ).tabs();
});
</script>

在页面加载时，默认选择tab-1。如何使用JavaScript或jQuery以编程方式选择tab-2？

Answer 1

您可以指定active选项，该选项必须设置为您要激活的选项卡的从零开始的索引：

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

Answer 2

$("selector").tabs("option", {
    "selected": 1,
    "disabled": [0]
});​