在IE8中添加jQuery標簽並轉到標簽

Question

我正在嘗試向頁面動態添加一個額外的jquery選項卡，然后轉到該選項卡。

我將新選項卡放在最后一個選項卡的前面（在現實世界的示例中，我實際上是使用最后一個選項卡作為創建新選項卡的按鈕）

出於某些原因，IE8會感到非常困惑，並將內容放入您創建的新標簽中，該標簽是所有標簽（標題，內容等）的html

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

任何想法為什么會發生這種情況？

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

演示