jQuery UI选项卡，将标签设置为被动和主动

Question

我有3个标签。 我想将tab1设置为活动状态并将其他选项卡设置为被动。 只有在第一页加载时，它必须是这样的。

 <div id="tabs">
        <ul>
            <li><a href="#tabs-1">first</a></li>
            <li><a href="#tabs-2">second</a></li>
            <li><a href="#tabs-3">third</a></li>
        </ul>
        <div id="tabs-1">
        ...

Answer 1

禁用选项卡。 无法禁用所选选项卡。 要一次禁用多个选项卡，请使用：

$('#example').tabs("option","disabled", [1, 2, 3]);

第二个参数是要禁用的选项卡的从零开始的索引。 可以传递选项卡的href而不是索引。

http://jqueryui.com/demos/tabs/#method-disable

Answer 2

您可以在DOMReady的第一个选项卡上触发单击事件。 就像是：

$("#tabs ul li:first-child a").click();