JQuery UI вкладки, сделать некоторые CSS, когда конкретная вкладка активна, выбран

Question

Я хотел бы изменить некоторые стили (например, цвет фона тела), когда на вкладках jquery ui выбрана (нажата) конкретная вкладка.

Sth, как:

if (tab nr 2 is selected) { $(body).css('background', 'red') }
if (tab nr 3 is selected) { $(body).css('background', 'blue') }

Как проверить, какая вкладка выбрана?

Answer 1

$('.ui-tabs-nav').bind('tabsselect', function(event, ui) {
     var index=ui.index;
     if(index===2){ 
        $(body).css('background', 'red')
     }
     else if(index===3){ 
        $(body).css('background', 'blue')
     }
 });

Вкладка выберите документацию

Вкладки Документирование событий

Answer 2

Глядя на документацию , вы можете использовать событие "enable" для отслеживания этого.

Вы также можете сделать так:

var $tabs = $('#example').tabs();
var selected = $tabs.tabs('option', 'selected');

(всегда из документации )

В общем, прочитайте документацию, там вы найдете свой ответ.