jquery ui 标签导航答案

【问题标题】：jquery ui tabs navigationjquery ui 标签导航
【发布时间】：2013-07-12 13:54:38
【问题描述】：

我正在使用 jquery ui 选项卡..我正在尝试做的是来自 javascript 我试图在来自 tab1 的一些事件之后显示第二个选项卡..我正在使用以下代码更改为实际上没有发生的 tab2 ..我在这里做错了什么

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>

【问题讨论】：

你为什么不试试这个。$("#tabs").tabs("select", "#tabs-" + thisID);这里这个ID是你新打开标签的ID。如果我正确理解这个问题，希望这是正确的

标签： jquery jquery-ui

【解决方案1】：

您可以在 jquery ui 标签中设置活动标签，如下所示：

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

Active 取值从零开始。

查看demo

同时查看详情API documentation

【讨论】：