jquery导航到子选项卡

Question

在我的用户界面中，我有5个jQuery的父母选项卡。 在第一个选项卡（主页）中，我有快速链接按钮，应该导航到其他父级选项卡。我已经使用

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

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

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

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

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。所以检查，通过改变指数