Question

http://www.maro-z.com/examples/jquery.gantt/

我正在试用这个JQuery Gantt图表插件，我遇到了一个特殊的问题。

sample.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使用）。这很有效。
现在为了使事情更有条理，这就是我的尝试：

gantt.php

<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/。

但这拒绝运作。我在jquery.gantt.js文件中的Chrome开发工具中获得Uncaught ReferenceError: jQuery is not defined。但是我可以通过开发工具访问所有必需的js，css文件。

有什么可能出错的线索？

Answer 1

如果 gantt.php

中的文件，请更改订单

<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" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.gantt.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.gantt.css" />

您在gantt.js

之前忘记了jquery.js

Answer 2

您更改了脚本的顺序。

首先包括jQuery，然后是插件，然后是你自己的代码。

如果您的文件确实位于此处引用的正确文件夹中，则应该可以正常工作。

奇怪的JQuery没有定义错误

2 个答案: