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

它工作正常。