如何在jquery-ui選項卡中添加一個選項卡然後選擇它？

Question

我知道如何添加一個jquery-ui選項卡，並且我知道如何通過索引號選擇一個選項卡，但我怎樣才能添加一個選項卡然後選擇它？

例如，在下面的演示中可以添加標籤，但你必須點擊它要顯示它：

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

我在的jQuery 1.4.2和jQuery -ui 1.8rc3。

Answer 1

在添加了像例子這樣的標籤之後，只需使用select method即可。您將必須知道您剛剛添加的選項卡的索引。如果您只是將其添加到最後，則可以使用length method，否則，您已經知道選項卡的索引，因爲您在添加選項卡時定義了它。這裏

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

文檔：

Answer 2

此外，您還可以使用此http://docs.jquery.com/UI/Tabs#...immediately_select_a_just_added_tab

不過，我有一個問題，在這段代碼只是我添加後的第一個作品..即：對第一個不起作用。不明白這一點...

Answer 3

的「長度」和「選擇」選項已被棄用，現在去掉，所以要選擇最後 標籤（這是剛剛添加的一個）使用

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

這是有效的，因爲如果您指定負值，則標籤從結尾向後計數，從-1開始。