2013-07-12 139 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