Question

我理解如何添加jquery-ui选项卡，并且我了解如何按索引号选择选项卡，但是我如何添加选项卡然后选择它？

例如，在下面的演示中，您可以添加一个选项卡，但是您必须单击它才能显示它：

http://jqueryui.com/demos/tabs/#manipulation

我正在使用jquery 1.4.2和jquery-ui 1.8rc3。

Answer 1

现在已弃用并删除'length'和'selected'选项，因此要选择最后一个选项卡（刚刚添加的选项卡）使用

$('#tabs').tabs('option', 'active', -1);

这是有效的，因为如果指定负值，则从-1开始向后计算制表符。

Answer 2

在您添加标签后，只需使用select method。您必须知道刚刚添加的选项卡的索引。如果您刚刚将它添加到最后，您可以使用length method，如果没有，那么您已经知道选项卡的索引，因为您在添加它时已定义它。

Answer 3

此外，您可以使用此：

      var $tabs = $('#tabs').tabs({
            add: function(event, ui) {
                $tabs.tabs('select', '#' + ui.panel.id);
            }
        });

文档：http://docs.jquery.com/UI/Tabs#...immediately_select_a_just_added_tab

但是，我遇到一个问题，这个代码只能在我添加的第一个代码之后才能工作...即：对第一个代码不起作用。想不出来......

如何在jquery-ui Tabs中添加选项卡然后选择它？

3 个答案: