Question

在twitter bootstrap js标签中，我必须在li元素中添加一个“active”类。

我从网址获取哈希值。我将类激活应用于选项卡，但它没有得到重点。

我想在网址有特定哈希时激活第二个标签。

源代码： http://jsfiddle.net/Chumillas/dU458/#example

Answer 1

使用最新的bootstrap-tab.js，您可以使用以下调用来选择活动标签。

导航示例：

<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>

使用链接和显示调用获取对象：

$('a[href="#tab2"]').tab('show');

Bests，G。

源：Twitter Bootstrap

Answer 2

我解决了它，我需要设置标签内容的div也是活动的。

Answer 3

你可以这样做：

$(function (e) {
  var parts = decodeURI(e.target).split('#');
  $(".tabs").tabs().select(parts[1]);
});

Answer 4

要使Bootstrap选项卡正常工作，您需要做两件事来激活标签：

将li元素设置为活动（class =＆＃34; active＆＃34;）
将tab div元素设置为活动状态（class =＆＃34;淡入淡出＆＃34;）

Answer 5

为什么你不使用select方法而不是自己更改类？

检查一下，Selecting a jQuery Tab using a parameter in the URL

Jquery和twitter bootstrap使活动选项卡不起作用

5 个答案: