0 
<html>
<head>
<script src="js/jquery.1.6.1.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="stylesheets/bootstrap-responsive.css"> 

<script src="css/bootstrap.min.js"></script>
<script src="css/bootstrap.js"></script>
</head>
<body>
 <ul class="nav nav-tabs id="tabs">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
<li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>

<div class="tab-content">
<div id="tab1" class="tab-pane">
This is the text of tab1.
</div>

<div id="tab2" class="tab-pane">
<p>This is the text of tab2.</p>
</div>

<div id="tab3" class="tab-pane">
<p>This is the text of tab3.</p>
</div>
</div>
</html>

我已经尝试了一切，基本上它只是不会切换标签。我什至尝试从其他站点复制源代码，但仍然无法正常工作。

4

2 回答 2

2 
   <ul class="nav nav-tabs id="tabs">

你在课堂上错过了一个结尾“它应该是

   <ul class="nav nav-tabs" id="tabs">

看看能不能解决

于 2013-10-12T03:40:01.937 回答
0

我认为问题在于 jQuery 版本 1.6，引导程序使用了 .on()，它仅在 jQuery 版本 1.7 中添加。所以升级jQuery到新版本应该没问题

使用 jQuery 1.6.4：演示- 由于错误而无法工作

Uncaught TypeError: Object [object Object] has no method 'on'

演示：jQuery 1.7，jQuery 1.9

于 2013-10-12T03:37:03.577 回答