Jquery ui 个标签自动 select 个新创建的标签

Question

这个问题是关于 jquery ui tabs selecting.
几个小时以来，我一直在努力让这个看似简单的东西发挥作用。它不是 select 第一个动态添加的选项卡，但之后添加的任何选项卡都可以自动 select 编辑。 ( 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++;

}

并尝试select使用：

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();
    }
});

Jquery ui 个标签自动 select 个新创建的标签

Jquery ui tabs auto select newly created tab

javascript

jquery

tabs