引导AJAX选项卡不工作

Question

当我点击“工具”选项卡，发生什么发生：标签不切换，而不是切换。看起来你的文章主要是代码;请添加更多的细节。

$('[data-toggle="tab"]').click(function(e) { 
 
\t var $this = $(this), 
 
\t \t loadurl = $this.attr('href'); 
 

 
\t $.get(loadurl, function(data) { 
 
\t \t $('#content').html(data); 
 
\t }); 
 

 
\t $this.tab('show'); 
 
\t return false; 
 
});

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet"/> 
 
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <div class="container"> 
 
     <ul class="nav nav-tabs nav-justified" role="tablist"> 
 
     <li role="navigation" class="active"><a href="/engine/ajax/main.php" aria-controls="main" role="tab" data-toggle="tab">My links</a></li> 
 
     <li role="navigation"><a href="#tools" aria-controls="stat" role="tab" data-toggle="tab">Statistics</a></li> 
 
     <li role="navigation"><a href="/engine/ajax/tools.php" aria-controls="tools" role="tab" data-toggle="tab">Tools</a></li> 
 
     <li role="navigation"><a href="#payments" aria-controls="payments" role="tab" data-toggle="tab">Payments</a></li> 
 
     </ul> 
 
    </div> 
 

 
    <div id="content" class="container"> 
 

 
    </div>

我哪里错了？

Answer 1

将

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>

这样前：

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>

bootstrap.min.js需要jquery.min.jsŧ o在它之前先跑。