0

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

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

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

http://jsfiddle.net/nSLfN/3/

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

4

1 回答 1

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

演示

于 2012-05-04T14:52:02.590 回答