Question

我有一个包含在文件A和B中的菜单。我不想让我的任何标签首先处于活动状态，但点击它们之后我想设置正确的列表项的class =“active”。我认为下面的代码会这样做。我需要添加或更改什么？

<ul id="navbar_menu" class="nav nav-tabs">
            <li><a data-toggle="tab" href="#">A</a></li>
            <li><a data-toggle="tab" href="#">B</a></li>
        </ul>

仅供参考：我在HTML页面中包含以下内容（我还需要更多内容）：

href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

Answer 1

http://getbootstrap.com/javascript/#tabs

根据Bootstrap的文档（标题为“Markup”），您仍然缺少一些HTML。

所以这是最正确的，除了我们需要一个链接的href指向您实际标签的ID，而不仅仅是一个哈希标记#。

<ul id="navbar_menu" class="nav nav-tabs">
    <li><a data-toggle="tab" href="#tab1">A</a></li>
    <li><a data-toggle="tab" href="#tab2">B</a></li>
</ul>

然后我们需要创建实际的标签。

<div class="tab-content">
    <div role="tabpanel" class="tab-pane" id="tab1">...</div>
    <div role="tabpanel" class="tab-pane" id="tab2">...</div>
</div>

希望它有所帮助！

使用数据切换动态设置活动菜单项

1 个答案: