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

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

1 个答案: