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

它工作正常。