jquery导航到子选项卡答案

【问题标题】：jquery navigating to a child tabjquery导航到子选项卡
【发布时间】：2012-01-04 18:16:08
【问题描述】：

在我的 UI 中，我有 5 个 jquery 父选项卡。在第一个选项卡（主页）中，我有应该导航到其他父选项卡的快速链接按钮。我用过

<input type="button" name="addUser" class="BTN"
                value="Add User"
                onclick="$('#maintabs').tabs('select',1);">

这将导航到我的 UI 中的第二个选项卡（用户）。在“用户”选项卡中，我有两个子选项卡——订阅用户和访客用户。

当我导航到访客用户并返回主页时，再次单击快速链接按钮，它会在“用户”选项卡中显示上次访问的选项卡。

现在，如果我总是想导航到此用户选项卡中的第一个子（订阅用户），有没有办法将焦点设置到第一个子选项卡？

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

在父选项卡组上定义选项卡时使用show 选项：

$('#maintabs').tabs({
     show: function(e, ui) {
         if (ui.index == 1) { // the index of the "Users" tab
             // select the first tab in Users child tab group
             // (replace "#usertabs" by the accurate selector)
             $('#usertabs').tabs('select', 0);
         }
     }
});

【讨论】：

【解决方案2】：

第一个选项卡的索引始终为 0。因此请通过更改索引来检查

【讨论】：