0

我是新手。尽管在这个问题上有很多问题，但我仍然无法弄清楚出了什么问题。当我单击第二个或第三个选项卡时，内容不会改变。 

</head>
<body>
    <div class="tabbable tabs-left">
        <ul class="nav nav-tabs">
            <li ><a href="#tab1" data-toggle="tab">Tab1</a></li>
            <li ><a href="#tab2" data-toggle="tab">Tab2</a></li>
            <li ><a href="#tab3" data-toggle="tab">Tab3</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane" id="tab1"><p>Tab1 Content</p></div>
            <div class="tab-pane" id="tab2"><p>Tab2 Content</p></div>
            <div class="tab-pane" id="tab3"><p>Tab3 Content</p></div>
        </div>
    </div>

    <script src="bootstrap.min.js"></script>
    <script src="jquery.js"></script>
    <script>
</script>
</body>
4

2 回答 2

0

您在jquery.js之前包含 bootstrap.min.js 文件。它应该包含在jquery.js 之后。

只需将其更改为：

<script src="jquery.js"></script>
<script src="bootstrap.min.js"></script>
于 2013-06-20T12:42:12.993 回答
-1

在正文之前包括 bootstrap.min.js 和 jquery.js。

像这样的东西

<head>
  <script src="bootstrap.min.js"></script>
  <script src="jquery.js"></script>
</head>
<body>

body content goes here

</body>
于 2013-06-20T12:39:49.527 回答