MVC使用Jquery转到特定的选项卡

Question

我是在.net MVC 4中这样做的&我使用

<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: index }

其中index是一个基于零的索引。因此，您的代码需要：

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

下面是上面的一个小提琴。