2013-07-12 136 views
0

我使用tabs..what我試圖用我下面的代碼更改爲TAB2做的是從JavaScript我試圖顯示從tab1..I一些事件之後的第二個選項卡jQuery UI的這其實不是happening..what AMI做錯了jQuery UI的標籤導航

的jQuery:

$(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

<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

爲什麼不ü試試這個$( 「#標籤」)選項卡( 「選擇」, 「#tabs-」 + thisID)。這裏的這個ID是你剛剛打開的標籤頁。如果我正確理解這個問題,這是正確的 – user2587222

回答

1

可以在jQuery UI的選項卡中設置活動標籤,如下:

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

活動取值爲零。

檢查demo

還要檢查詳細API documentation

+0

酷感謝.... – Rajeev