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

它工作正常。