Jquery ui選項卡自動選擇新創建的選項卡

Question

這個問題是關於jquery ui標簽選擇。
我一直試圖讓這個看起來很簡單的事情工作幾個小時。 它沒有選擇第一個動態添加的選項卡，但在此之后添加的任何選項卡都是自動選擇的。 （ 小提琴 ）
我使用創建一個新標簽，

function addTab() {
    var label = tabTitle.val() || tabNameCounter,
        id = "tabs-" + tabCounter,
        li = $(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(/#\{label\}/g, label)),
        tabContentHtml = tabContent.val() || "Tab " + tabCounter + " content.";

    tabs.find(".ui-tabs-nav").find('li:last').before(li);
    tabs.append("<div id='" + id + "'><p>" + tabContentHtml + "</p></div>");
    tabs.tabs("refresh");
    tabCounter++;
    tabNameCounter++;

}

並嘗試選擇它：

var tabs = $('#tabs').tabs({
    activate: function (event, ui) {
      if (ui.newPanel.is("#add-tab")) {
        tabs.tabs("option","active",-2);
     }
 }

我非常感謝您的一些見解，謝謝。

Answer 1

如果你調用setActiveTab(); 在click處理程序中，它似乎工作正常。

$("#add-page").click(function () {
    if (tabNameCounter < 6) {
        addTab();
        addTabBut();
        setActiveTab();
    }
});