MVC使用Jquery转到特定选项卡

Question

我在.net MVC 4＆amp; 我已经使用

制作了标签

<div id="tabs">
<ul>
    <li><a href="#tab-1">Tab 1</a></li>
    <li><a href="#tab-2">Tab 2</a></li>
    <li><a href="#tab-3">Tab 3</a></li>
    <li><a href="#tab-4">Tab 4</a></li>
</ul></div>

我想进入特定标签，例如（标签4）， 我正在使用这行代码，但没有成功， 此处(".btn")是单击链接时的类。

<script type="text/javascript">
        $(".btn").click(function () {
        $("#tabs").tabs('select', "#tab-4");
        });
</script>

我也使用过这样的东西：$("#tabs").tabs({"option", "", 3});

请告诉我解决这个问题的正确方法。

Answer 1

从文档中，您要查找的选项是active：

{ active: index }

其中index是从零开始的索引。所以你的代码必须是：

$(".btn").click(function () {
    $("#tabs").tabs({ active: 3 });
});

以上是fiddle。