0

Собственно, как принудительно указать, какой таб должен быть активным при загрузке страницы?

Создается объект так: $('.tabs').tabs({});

В итоге есть 5 табов, с условными именами от 8 до 12.

<div class="tabs tabs-lockable">
    <div class="container-for-mob-slider">
        <ul class="tabs-list..
            <li><a href="#tabs-8,9,10...

И собственно сами табы:

<div class="tab-content-block" id="tabs-8,9,10...

Табы работают, но я не могу принудительно указать, какой таб должен быть активен при загрузке страницы. В качестве свойств для объекта .tabs передавал active: с разными значениями - индекс 0, 1, 2.., id tabs-..., #tabs-... но все без толку. Пока промежуточным решением есть делать клик при загрузке, но он не всегда работает как ожидается, и кроме того иногда видно, что активная всегда первая вкладка, а спустя некий промежуток времени клик и переход на другую вкладку.

1
  • а где указывается номер нужной вкладки? в url ?
    – axmed2004
    22 янв 2018 в 18:02

2 ответа 2

0

Там должен применяться клас, вот его js-ом убирайте и ставьте где вам надо. если не понятно - дайте ссылку на код

2
  • для табов задаются эти классы - ui-tabs-active ui-state-active, а тело табов просто скрывается или показывается
    – Diefair
    27 авг 2016 в 17:28
  • Хм.. спасибо за совет, это немного лучше, чем подход с кликами, но не совсем "элегантно" :). Неужели нету решения, которое было бы в духе jQuery UI?
    – tekken
    27 авг 2016 в 17:56
0
$("#tabs").tabs({
    active: 2
});

ссылка прекрасно работает active, в чем сложность? Версия ui последняя?

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.