0

我在引导模式中使用选项卡，选项卡显示良好，但问题是，当我单击“第 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>
4

1 回答 1

0

阅读选项卡上的 Bootstrap 帮助文档，需要包含bootstrap-tab.js，如果没有，页面将回发/无法正常工作。

需要 jQuery 插件

所有可选项卡都由我们的轻量级 jQuery 插件提供支持。在 JavaScript 文档页面上阅读有关如何使可选项卡栩栩如生的更多信息。

另请参阅此处> http://twitter.github.io/bootstrap/javascript.html#tabs

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

  1. 在自定义下载时包含Togglable tabs插件http://twitter.github.io/bootstrap/customize.html（参见第 2 节 - 选择 jQuery 插件）

  2. 下载完整的包或链接到 CDN，例如http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js

我认为您也可以在此处链接进行测试

`http://twitter.github.io/bootstrap/assets/js/bootstrap.js`
于 2013-05-02T09:34:38.163 回答