Html 引导选项卡未切换_Html_Twitter Bootstrap_Tabs

Html 引导选项卡未切换

html twitter-bootstrap tabs

Html 引导选项卡未切换,html,twitter-bootstrap,tabs,Html,Twitter Bootstrap,Tabs,我认为问题出在jQueryVerison1.6上，它使用的是只在jQueryVerision1.7中添加的引导程序。因此，将jQuery升级到一个更新的版本就可以了使用jQuery 1.6.4:-由于错误而无法工作 <html> <head> <script src="js/jquery.1.6.1.min.js"></script> <link rel="stylesheet" href="css/bootstrap.min.css" /

我认为问题出在jQueryVerison1.6上，它使用的是只在jQueryVerision1.7中添加的引导程序。因此，将jQuery升级到一个更新的版本就可以了

使用jQuery 1.6.4:-由于错误而无法工作

<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>

演示：，

看起来不错。。。”
“>

使用的引导版本？我最近刚下载的新版本认为脚本可能位于错误的位置，但我会检查脚本是否正常工作，然后返回。此外，不需要包含min和dev版本。。。只需要其中一个。您是否可以检查浏览器控制台以查看是否存在任何错误谢谢我更新了JQurey并添加了

Luv you all:3@user2873086答案的左上角有一个空格
Uncaught TypeError: Object [object Object] has no method 'on'

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

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