Question

我有一个带有一些代码和jquery和js文件的html文件我的问题是如果脚本文件是页面底部它工作正常但是如果我把那些文件放在文件顶部我的意思是在标头标签中它不工作。

<html>
<head>
<meta charset="utf-8" />
<title>Testing</title>   
<link href="css/style.css" rel="stylesheet" />
<link href="css/style-default.css" rel="stylesheet" id="style_color" />   
</head>
<body class="fixed-top">
/*some html code here*/

<div id="footer"></div>

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/jquery-slimscroll/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="assets/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/fullcalendar/fullcalendar/fullcalendar.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js" type="text/javascript"></script>
<script src="js/jquery.sparkline.js" type="text/javascript"></script>
<script src="assets/chart-master/Chart.js"></script>

<!--common script for all pages-->
<script src="js/common-scripts.js"></script>

<!-- END JAVASCRIPTS -->   
</body>
</html>

帮助我，
基兰

Answer 1

很可能在DOM元素的脚本中存在尚未加载的依赖项。如果希望脚本加载到head标记

中，可以将JavaScript包装在document.ready处理程序中

$(document).ready(function(){
  //do your JS stuff here
});

jquery和脚本文件无法正常工作

1 个答案: