Jquery ui选项卡自动选择新创建的选项卡

Question

这个问题是关于 jquery ui 选项卡选择的。
我一直试图让这个看似简单的事情工作几个小时。 它不会选择第一个动态添加的选项卡，但之后添加的任何选项卡都会自动选择。 (fiddle)
我使用创建一个新标签，

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();，它似乎工作正常。

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