自引导模式自动开关中的选项卡

tabs in bootstrap modal autoswitches

本文关键字：选项模式开关更新时间：2023-09-26

我在引导模式中使用选项卡，选项卡显示得很好，但问题是，当我点击'第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>

阅读选项卡上的Bootstrap帮助文档，需要包含bootstrap-tab.js，否则页面将回发/不能正常工作。

需要jQuery插件

所有的选项卡选项卡是由我们的轻量级jQuery插件。在JavaScript文档页面上阅读更多关于如何使tab选项卡生动起来的内容。

也见这里>http://twitter.github.io/bootstrap/javascript.html标签

有几种方法可以得到这个

包括Togglable标签插件定制下载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`