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 });
});

Вот скрипка из вышеперечисленного.