Открытие страницы с предварительно выбранной вкладкой, это не первая вкладка

Question

У меня есть страница с вкладкой jqueryui. Я хотел бы иметь возможность открыть страницу с вкладкой, отличной от первой выбранной вкладки. Если у меня есть четыре вкладки на странице, мне нужно иметь возможность выбрать любую из четырех вкладок для открытия.

Это может быть ссылка с другой страницы или ссылка со страницы в том же наборе кадров.

Под одеялом все PHP.

Answer 1

Вы захотите выбрать вкладку при начальной загрузке страницы через JavaScript. Вот пример того, как выбрать вкладку:

http://docs.jquery.com/UI/API/1.7/Tabs#method-select

<script type="text/javascript">
  $(function() {
    $("#tabs").tabs( 'select' , index )
  });
</script>

Где переменная индекса - это целое число вкладки, которую вы хотите выбрать. Он основан на 0, поэтому, если вы хотите, чтобы была выбрана третья вкладка, вы должны указать 2 для индекса.

Вы захотите сделать это, как только страница будет готова:

http://www.learningjquery.com/2006/09/introducing-document-ready

Answer 2

Ответы выше не действительны с текущей версией jQuery UI v1.10.0. Согласно API jQuery UI, опция теперь active и больше не select .

Вот ссылка на API: http://api.jqueryui.com/tabs/#option-active

Инициализировать вкладки с указанием активной опции:

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

Answer 3

просто добавьте класс ui-tabs-selected к намеченному элементу <li>.

jQuery выберет вкладку для активации по следующему пути

1. is selected опция установлена ​​
2. , если не установлено, соответствует ли location.hash тегу hash из <a> любой вкладки
3. если не найдено ни одного хэша, имеет ли <li> элемент ui-tabs-selected класс
4. если не попытаться выбрать первую не отключенную (ui-state-disabled) вкладку

немного старого вопроса. ответил, так как эта страница является первой в Google

Answer 4

Предварительно выбор вкладки можно выполнить с помощью опции selected при инициализации вкладок.

$("#tabs").tabs({
    selected: index //index of the tab to be preselected
});

Один из случаев, когда это важно, - это когда вкладка с индексом 0 загружается с помощью ajax. Если вы инициализируете вкладки, как обычно, и затем используете метод select для изменения выбранной вкладки, запрос ajax будет первоначально отправлен на загрузку вкладки 0. Но поскольку вы хотите сразу показать другую вкладку, этот запрос не требуется. Опция selected позволяет пропустить этот запрос.