VPF::jqueriui tabs Выбор созданной вкладуки.

Aver78

Дата 7.12.2014, 03:09 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 185
Регистрация: 21.4.2007

Репутация: нет
Всего: нет

Собственно весь вопрос в названии. При динамическом создании табов, никак не могу сделать созданный таб активным.

Aliance

Дата 8.12.2014, 10:33 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

rtfm

А вообще можно было бы и код показать, только на jsfiddle.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Aver78

Дата 8.12.2014, 11:53 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 185
Регистрация: 21.4.2007

Репутация: нет
Всего: нет

Нет. речь идет о динамическом создании.

Код


    var tabs = $( "#tabs" ).tabs();


    function addTab() {
        var label =  "Tab " + tabCounter,
            id = "tabs-"+ tabCounter,
            tabTemplate = "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>";
            li = $( tabTemplate.replace( /#\{href\}/g, "#" + id ).replace( /#\{label\}/g, label ) );
        tabs.find( ".ui-tabs-nav" ).append( li );
        tabs.append( "<div id='"+id+"'><p>"+id+"</p></div>" );
        tabs.tabs( "refresh" );
        tabCounter++;
    }

Функцияя addTab создает влкадку, он не активирует ее. Нужно что то типа tabs.tabs( "active" ); , но вот что именно.

Это сообщение отредактировал(а) Aliance - 8.12.2014, 13:33

Aliance

Дата 8.12.2014, 13:44 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Не ленитесь в следующий раз самому сделать фиддл: http://jsfiddle.net/Aliance/m7y1oLvf/

Я же дал ссылку на мануал, где говорится о свойстве, которое управляет видимым/выбранным табом, его и нужно изменять:

Код


tabs.tabs("option", "active", _index_);

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Aver78

Дата 8.12.2014, 15:21 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 185
Регистрация: 21.4.2007

Репутация: нет
Всего: нет

Благодарю. Я вроде бы и не ленился, но в родном мануалле UI нифига не нашел. Как ни странно , но там очень убога документация(ну или я искал не так). Списка параметров option там нет.
tabs.tabs("option", "active", tabs.index(li)); - вот этого мне не хватало.

Aliance

Дата 8.12.2014, 15:43 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Aver78, там вся документация вынесена в АПИ, по ссылке.

Если вы получили ответ на свой вопрос - в правом верхнем углу топика есть ссылка "Пометить как решённый"

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »