Как установить по умолчанию открытую вкладку JQuery UI, отличную от первой

Question

У меня большое веб-приложение, использующее вкладки JQuery UI.В центральном файле JS я установил все вкладки.

Используя

$("#tabs").tabs;

Но на одной странице мне нужно выбрать другую вкладку, чем первая.

Если я использую

$("#tabs").{ selected: add });

(имя вкладки #add)

Не работает, возможно, потому что вкладки уже настроены.

Кто-нибудь знает, как установить открытую, кроме первой, вкладку (в состоянии по умолчанию - после загрузки страницы), если вкладки уже включены?

Надеюсь, вы поймете, мой английский довольно ужасен.

Answer 1

Я знаю, что это старый, но я заметил ошибку в написанном вами коде:

$("#tabs").{ selected: add });

Это должно быть

$("#tabs").tabs({ selected: add });

Также, опция selected устарела с jquery ui 1.9, как указано здесь . Рекомендуется вариант active, подробности здесь

В любом случае используйте индекс вкладки, которую вы хотите открыть, а не значение href; то есть, если вы хотите открыть 3-ю вкладку, используйте

$("#tabs").tabs({ selected: 2 });

или

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

отметьте эту скрипку

Answer 2

Воскрешает старый вопрос, но я не могу заставить пример Эндрю работать.

Вместо того, что сработало для меня, благодаря второму примеру Рионмонстера здесь было:

var index = $('#tabs li a').index($('a[href="#add"]').get(0));
$('#tabs').tabs({selected: index});

При вызове tabs() вы должны передать нулевой индекс как «выбранный» параметр. Первая строка кода выше возвращает нулевой индекс вкладки для "#add", если вы его еще не знаете.

Answer 3

Использование:

$("#tabs").tabs("select", index)

Где index - это нулевой индекс вкладки, которую вы хотите выбрать, или селектор, обозначающий вкладку, которую вы хотите открыть. Итак, в вашем случае:

$("#tabs").tabs("select", "#add");