Как установить вкладку по умолчанию с помощью пользовательского интерфейса Jquery

Я использую Jquery и Jquery UI со следующим:

$(document).ready(function() {
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});

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


jquery tabs jquery-ui
person Lee McAlilly    schedule 04.09.2009    source источник

Ответы (3)


arrow_upward
39
arrow_downward 

$('#tabvanilla > ul').tabs({ selected: 1 });

Дополнительные сведения см. на странице спецификаций.

person Mark Hurd    schedule 04.09.2009

arrow_upward
26
arrow_downward

Если вы используете jQuery UI >= 1.9, вот как это работает:

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

Дополнительные сведения см. на странице API виджета вкладок: http://api.jqueryui.com/tabs/#option-active

person Leniel Maccaferri    schedule 11.02.2013
comment
Обратите внимание, что эта опция отсчитывается от нуля, поэтому вам нужно указать 1, чтобы выбрать вторую вкладку. - person Chris; 26.01.2015

arrow_upward
2
arrow_downward

Я нашел это альтернативное решение, которое может быть предпочтительнее в некоторых ситуациях: ="nofollow">http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

person Elemental    schedule 03.01.2012