在IE8中添加jQuery选项卡并转到选项卡

Adding jQuery tab and Going to Tab in IE8

本文关键字：选项 jQuery IE8 添加      更新时间：2023-09-26

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

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

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

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

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

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

演示

相关文章：