Javascript 添加jQuery选项卡并转到IE8中的选项卡

我试图在页面中动态添加一个额外的jquery选项卡，然后转到该选项卡

我将新选项卡放在最后一个选项卡的前面（在现实世界中的示例中，我实际使用最后一个选项卡作为按钮来创建新选项卡）

由于某些原因，IE8变得非常混乱，并将内容放入您创建的新选项卡中，该选项卡是所有选项卡（标题、内容等）的html

---

知道为什么会发生这种情况吗？

您应该使用tabs add方法转到新添加的选项卡。您还需要正确设置选项卡content href和内容。见下文

var $tabs = $('#tabs');
$tabs.tabs({
    tabTemplate: '<li><a href="#{href}">#{label}</a></li>',
    add: function( event, ui ) {
        $tabs.tabs( "option", "selected", ui.index );

        var tabCount = $tabs.tabs("length");
        $(ui.panel).append('<div id="#Delivery"'+ tabCount  +'>New Tab Content ' + tabCount  + '</p>');
    }
});

$('#addtab').click(function() {    
    var tabCount = $tabs.tabs("length");
    $tabs.tabs("add", "#Delivery" + tabCount, "Delivery " + tabCount, tabCount-1);
});

var$tabs=$（'#tabs'）；
$tabs.tabs({
选项卡模板：“
”，
添加：功能（事件、用户界面）{
$tabs.tabs（“选项”，“选定”，ui.index）；
var tabCount=$tabs.tabs（“长度”）；
$（ui.panel）.append（'newtabcontent'+tabCount+'
'）；
}
});
$（'#addtab'）。单击（函数（）{
var tabCount=$tabs.tabs（“长度”）；
$tabs.tabs（“添加”、“交付”+tabCount，“交付”+tabCount，tabCount-1）；
});

---

FYI：Chrome中也显示了这种行为，我不认为这只是IE8问题（标签已删除）。对不起，是的，我注意到它也是