Question

我正在尝试向页面动态添加额外的jquery选项卡，然后转到该选项卡。

我将新标签放在最后一个标签之前（如在现实世界示例中我实际上使用最后一个标签作为创建新标签的按钮）

出于某种原因，IE8非常混乱并将内容放入您创建的新选项卡中，这是所有选项卡的html（标题，内容等）

为什么会发生这种情况的任何想法？

Answer 1

您应该使用标签添加方法转到新添加的标签。您还需要正确设置选项卡内容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);
});

DEMO

在IE8中添加jQuery选项卡和Going to Tab

1 个答案: