IE8でjQueryタブを追加してタブに移動

Question

私は動的に追加のjqueryタブをページに追加して、そのタブに移動しようとしています。

私はIE8は非常に混乱してしまいますいくつかの理由（現実世界の例のように、私は実際に新しいタブを作成するためのボタンとして最後のタブを使用しています）ただ、最後のタブの前に

を新しいタブを入れていますそしてあなたは、なぜこれが起こっされる可能性があります

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

任意のアイデアすべてのタブのHTML（タイトル、コンテンツなど）である作成新しいタブにコンテンツを置きますか？

Answer 1

タブを追加して、新たに追加したタブに移動する方法を追加する必要があります。また、タブのコンテンツhrefとコンテンツを適切に設定する必要があります。 FYI

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