jquery - jQuery でタブをアクティブ化する

Question

jQueryを使用してタブを作成、削除、名前変更するシステムがあります。新しいタブが作成されたときにそのタブがアクティブになるように設定しようとしていますが、何も機能していないようです。Twitter Bootstrap ページで Tab API を試しましたが、うまくいかないようです。

jsFiddle: http://jsfiddle.net/BenedictLewis/eYePA/

私が試したこと：

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)

Answer 1

id短いバージョン -リンクに追加するのを忘れていました。$('#tab' + tabCount).tab('show');それが機能しない理由です。

5行目を次のように変更すると

.append($('<li><a href="#tab' + tabCount + '" id="tablnk' + tabCount + '" data-toggle="tab">New Page ' + tabCount + ' <i class="icon-remove tab-remove"></i></a></li>'));

そして8行目から

$('#tablnk' + tabCount).tab('show');

それは正常に動作します。