기본값으로 jQuery-ui-tab을 강제로 선택하십시오.

Question

현재 jquery 탭 ui에서 탭을 만드는 2 개의 별도 기능이 있습니다. 이 두 함수에서 생성 된 탭이 기본적으로 표시되는 탭이되는 것처럼 조금 임의적으로 보입니다. 예를 들어

어느 tabs_a에서 첫 번째 탭은 기본적으로 표시되는 기본 탭 또는 tabs_b의 첫 번째 탭으로 표시된다 function tabs_a 4 개 탭을 생성하고, function tabs_b 다른 4 개의 탭을 만드는 경우.

두 기능의 탭로드/작성이 완료되면 어떻게 특정 탭을 자동으로 표시/선택합니까?

tab_a_1 
tab_a_2 
tab_a_3 
tab_a_4 

및 tabs_b가 생성 :

예를 들어, 기능 tabs_a가 생성되면 순간에

tab_b_1 
tab_b_2 
tab_b_3 
tab_b_4 

, tab_a_1 또는 tab_b_1은 기본적으로 선택 얻을 것이다, 그것은 무작위로 보이는 하나의 이 2는 기본적으로 선택됩니다.

예를 들어 강제로 tab_b_3을 강제로 선택하려면 어떻게해야합니까? 탭을 만든 후

Answer 1

, 당신은 강제로 여기에 다음과 같은

$("#tabs").tabs('select', "#tab_b_3"); 

호출 할 수 #tabs 당신이 .tabs() 기능이라고했다있는 사업부의 ID입니다.

Answer 2

탭을 만든 후에.

// 강제로 탭을 선택하십시오.
$ ("# tab_b"). tabs ("select", "tab_b_2");

여기 http://jsfiddle.net/75XFM/3/

그것을 확인하거나 아래의 코드 확인 :

<script type="text/javascript"> 
$("#tab_a").tabs(); 
$("#tab_b").tabs(); 
//force select the tab 
$("#tab_b").tabs("select", "tab_b_2"); 
</script> 


<div id="tab_a"> 
    <ul> 
     <li><a href="#tab_a_1">TabA1</a> 

     </li> 
     <li><a href="#tab_a_2">TabA2</a> 

     </li> 
     <li><a href="#tab_a_3">TabA3</a> 

     </li> 
    </ul> 
    <div id="tab_a_1">I'm Tab A1</div> 
    <div id="tab_a_2">I'm Tab A2</div> 
    <div id="tab_a_3">I'm Tab A3</div> 
</div> 
<div id="tab_b"> 
    <ul> 
     <li><a href="#tab_b_1">TabA1</a> 

     </li> 
     <li><a href="#tab_b_2">TabA2</a> 

     </li> 
     <li><a href="#tab_b_3">TabA3</a> 

     </li> 
    </ul> 
    <div id="tab_b_1">I'm Tab A1</div> 
    <div id="tab_b_2">I'm Tab A2</div> 
    <div id="tab_b_3">I'm Tab A3</div> 
</div> 

Answer 3

은 '선택'방법은 V1.9에 jQuery를 UI에서 제거 된 것을 알고 있어야합니다.

$('#tab_b').tabs({active: '#tab_b_2'}); 

또는

$('#tab_b').tabs('option', 'active', '#tab_b_2'); 

: 당신이 찾고있는 무슨을 달성하기 위해, 단지 활성 탭을 설정하려면 '활성화'옵션을 사용