jquery ui tabs, 특정 탭이 활성 상태 일 때 CSS를 수행합니다.

Question

jquery UI에서 특정 탭을 선택 (클릭)했을 때 스타일 (예 : 바디 배경색)을 변경하고 싶습니다.

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

어떻게 탭을 확인할 수 있습니다를 선택 : 같은

Sth를?

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') 
    } 
}); 

Tab select documentation

Tabs Events documenation

Answer 2

Looking at the documentation을 사용하는 경우이 이벤트를 추적하기 위해 "사용함"이벤트를 사용할 수 있습니다.

또한 같은 할 수있는 : (항상 documentation에서)

일반적으로

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

, 문서를 읽고, 당신이 답을 찾을 수 있습니다.