Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > jqueriui tabs Выбор созданной вкладуки.

Автор: Aver78 7.12.2014, 03:09

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

Автор: Aliance 8.12.2014, 10:33

http://api.jqueryui.com/tabs/#option-active

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

Автор: Aver78 8.12.2014, 11:53

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

Код


    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:44

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

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

Код


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

Автор: Aver78 8.12.2014, 15:21

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

Автор: Aliance 8.12.2014, 15:43

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

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