Question

我在bootstrap模式中使用选项卡，选项卡显示良好，但问题是，当我点击“第2部分”选项卡时，它会立即切换回“第1部分”选项卡。下面是代码。任何能帮助我使用JavaScript强制执行此操作的人，或者可能是什么问题？我搜索没有成功！

<div class="tabbable"> 
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
        <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <p>I'm in Section 1.</p>
        </div>

        <div class="tab-pane" id="tab2">
            <p>Howdy, I'm in Section 2.</p>
        </div>
    </div>
</div>

Answer 1

阅读Bootstrap help documentation on tabs需要包含bootstrap-tab.js，否则页面将回发/无效。

需要jQuery插件

所有tabbable选项卡都由我们的轻量级jQuery插件提供支持。阅读更多有关如何在JavaScript文档页面上显示可标记选项卡的内容。

另见＆gt; http://twitter.github.io/bootstrap/javascript.html#tabs

所以有几种方法可以获得这个

在自定义下载http://twitter.github.io/bootstrap/customize.html时包含可切换标签插件（请参阅第2节 - 选择jQuery插件）
下载完整的软件包或链接到CDN，例如http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js

我认为测试你也可以在这里链接

`http://twitter.github.io/bootstrap/assets/js/bootstrap.js`

bootstrap模态自动切换中的选项卡

1 个答案: