-1

いくつかのコードと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>

助けて、
キラン

4

1 に答える 1

2

ほとんどの場合、まだロードされていない DOM 要素のスクリプトに依存関係があります。スクリプトを head タグにロードする場合は、JavaScript を document.reader ハンドラーでラップできます。

$(document).ready(function(){
  //do your JS stuff here
});
于 2013-09-11T04:52:18.627 に答える