2013-07-12 3 views
0

jquery UI 탭을 사용하고 있습니다. 자바 스크립트에서 무엇을하려고합니다. 두 번째 탭을 tab1에서 일부 이벤트 뒤에 표시하려고합니다. 다음 코드를 사용하여 tab2로 변경하려고합니다. 실제로 아미가 잘못 여기서 뭘 happening..what되지jquery ui 탭 탐색

JQuery와 : 아래로 JQuery와 UI 탭에서 활성 탭을 설정할 수 있습니다

<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> 
       <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> 
        <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="asociateconddiv" aria-labelledby="ui-id-1" aria-selected="true"><a href="#asociateconddiv" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Campaign Details</a></li> 
        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="createconditiondiv" aria-labelledby="ui-id-2" aria-selected="false"><a href="#createconditiondiv" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Scenarios</a></li> 
        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="assoctrulegroupdiv" aria-labelledby="ui-id-3" aria-selected="false"><a href="#assoctrulegroupdiv" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Confirm &amp; Run</a></li> 
       </ul> 
+0

을 확인

$ ("# 탭") 탭 ("#의 탭 -"+ thisID "를 선택")..; 여기 thisID는 ur가 새롭게 탭을 여는 ID입니다. 적절하게 질문을 이해하면 올바른 것입니다. – user2587222

답변

1

$(this.el).find("#ui-id-8").parent(".ui-state-default .ui-corner-top").attr({'tabindex':'0', 'aria-selected':'true'}).addClass("ui-tabs-active ui-state-active").show(); 

HTML :

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

활성은 0을 기준으로합니다. 확인 demo

는 또한 왜 u는 이것을 시도 해달라고 세부 사항을 API documentation

+0

멋진 감사 .... – Rajeev