2015-05-05 80 views
1

我新的网页设计,我试图创建一个提示,但我的代码不能正常工作,这是我的代码HTML头部分包含的库序列是否重要?

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"/> 

<!-- bootstrap css files --> 
<link rel="stylesheet" href="../bootstrap-3.3.4-dist/css/bootstrap.css" /> 
<script src="../bootstrap-3.3.4-dist/js/bootstrap.js"></script> 
<script src="../bootstrap-3.3.4-dist/jquery/1.11.1/jquery.min.js"></script> 
    <!--Script for toolttip--> 
     <script type="text/javascript"> 
     $(document).ready(function() 
      { 
      $('[data-toggle="tooltip"]').tooltip(); 
      }); 
</script> 
<!--Script for toolttip Ends--> 
</head> 

<body> 
<div class="container"> 
<a href="#" data-toggle="tooltip" data-placement="right" data-original-title="Edit"><span class='glyphicon glyphicon-pencil'></span></a> 
</div> 
</body> 
</html> 

但后来我做了这个变化和它的工作,

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"/> 

<!-- bootstrap css files --> 
<link rel="stylesheet" href="../bootstrap-3.3.4-dist/css/bootstrap.css" /> 
<script src="../bootstrap-3.3.4-dist/jquery/1.11.1/jquery.min.js"></script> 
<script src="../bootstrap-3.3.4-dist/js/bootstrap.js"></script> 
<!--Script for toolttip--> 
    <script type="text/javascript"> 
    $(document).ready(function() 
      { 
      $('[data-toggle="tooltip"]').tooltip(); 
      }); 
</script> 
<!--Script for toolttip Ends--> 
</head> 

<body> 
<div class="container"> 
<a href="#" data-toggle="tooltip" data-placement="right" data-original-title="Edit"><span class='glyphicon glyphicon-pencil'></span></a> 
</div> 
</body> 
</html> 

我所做的只是交换第8行和第9行,所以我的问题是,我包含bootstrap JS库和JQ库的顺序是否重要?如果是的话,为什么?

在此先感谢。

+0

是......总是需要添加第一jQuery库.. – sheshadri

回答

1

Bootstrap的JavaScript需要jQuery,所以你必须加载jQuery然后Bootstrap的Javascript。

这说明在official documentation

另外请注意,所有的插件依赖jQuery的(这意味着jQuery的必须插件文件之前被包含)。

(通过引导强调)

+0

这回答我的问题,谢谢。 –

+0

@DhananjayBharti欢迎你,随时接受这个答案,如果它解决了你的问题。 –

相关问题