jQuery导航到子选项卡

Question

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

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

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

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

现在，如果我一直想导航到该用户选项卡中的第一个子选项卡（订阅的用户），是否可以将焦点设置到第一个子选项卡？

Answer 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);
         }
     }
});

Answer 2

第一个标签页的索引始终为0。因此请通过更改索引进行检查