我新的网页设计,我试图创建一个提示,但我的代码不能正常工作,这是我的代码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库的顺序是否重要?如果是的话,为什么?
在此先感谢。
是......总是需要添加第一jQuery库.. – sheshadri