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

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方法 。 您将必须知道刚添加的选项卡的索引。 如果只是将其添加到末尾，则可以使用length方法 ，否则，您将已经知道选项卡的索引，因为您是在添加时定义的。

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

但是，我有一个问题，即这段代码仅在我添加的第一个代码之后才起作用...即：第一个代码不起作用。 想不通...