如何在jQuery Ui中设置活动标签

Question

请让我知道如何在jquery中通过单击选项卡中的按钮来设置活动选项卡吗？

我有一个按钮，比如：

<input id="action" type="submit" value="Go to Action">

这是密码，

<script>
$(function() {
 $( "#tabs" ).tabs();
 $( "#action" ).on("click", function(){});
});

​

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Description</a></li>
        <li><a href="#tabs-2">Action</a></li>
        <li><a href="#tabs-3">Resources</a></li>
        <li><a href="#tabs-4">Settings</a></li>
    </ul>

<div id="tabs-1">
    <p>Description content</p>
</div>

<div id="tabs-2">
    <p>Action content</p>
</div>

<div id="tabs-3">
    <p>Resources content</p>
</div>

<div id="tabs-4">
    <p>Settings </p>
</div>

</div>

Answer 1

在函数中使用单击操作

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

其中#被要选择的选项卡索引替换。

编辑:从“选定”更改为“活动”，“已选定”已不再推荐

Answer 2

简单的jQuery解决方案-找到<a>元素href="x"并单击它：

$('a[href="#tabs-2"]').click();

Answer 3

只是为了更详细的澄清。这就是当前版本的jQuery Ui的工作原理。

$( "#tabs" ).tabs( "option", "active", # );

其中#是要使活动的选项卡的索引。