http://www.maro-z.com/examples/jquery.gantt/
我正在尝试这个 JQuery 甘特图插件，但遇到了一个特殊的问题。
示例.php
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript" src="jquery.gantt.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.gantt.css" />
<script language="javascript" type="text/javascript">
<!--
$(function(){
$("#gantt01").gantt({
'type': 'month',
'range': 50,
'titles': ['Name', 'Type']
});
$('#gantt01').addTask({
'titles': ['Layout Mapping','Planned'],
'start_date': '20130731',
'end_date': '20140813',
'color': '#0000FF',
});
$('#gantt01').addTask({
'titles': ['','Actual'],
'start_date': '20130931',
'end_date': '20141013',
'color': '#FF00FF',
});
});
//-->
</script>
</head>
<body>
<div id="gantt01"></div>
</body>
</html>
现在在 /var/www/test/ 我有 sample.php、jquery.js、jquery.gantt.js、jquery.gantt.css 和 images 文件夹（jquery.gantt.css 使用）。这完美地工作。
现在为了让事情更有条理，这就是我尝试的：
甘特图文件
<html>
<head>
<script language="javascript" type="text/javascript" src="js/jquery.gantt.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.gantt.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript">
<!--
$(function(){
$("#gantt01").gantt({
'type': 'month',
'range': 50,
'titles': ['Name', 'Type']
});
$('#gantt01').addTask({
'titles': ['Layout Mapping','Planned'],
'start_date': '20130731',
'end_date': '20140813',
'color': '#0000FF',
});
$('#gantt01').addTask({
'titles': ['','Actual'],
'start_date': '20130931',
'end_date': '20141013',
'color': '#FF00FF',
});
});
//-->
</script>
</head>
<body>
<div id="gantt01"></div>
</body>
</html>
唯一的区别是 js、css 和图像文件的位置。我将 js 文件移到js/.css 中，将css/图像移到img/. 我将对图像的引用更改为jquery.gantt.css，../img/而不是images/之前的。
但这拒绝工作。我Uncaught ReferenceError: jQuery is not defined在 jquery.gantt.js 文件中使用 Chrome 开发工具。但我可以通过开发工具访问所有必需的 js、css 文件。
任何线索可能出了什么问题？