未捕获的ReferenceError:$未在jquery ui自动完成中定义

时间:2011-03-07 10:40:07

标签: jquery-ui

我一直在使用jQuery UI自动完成功能,它在开发方面完美运行。但是,当我已经部署它(prod side)时,我无法让它工作。我在Chrome中使用了JS调试器(Ctrl + Shift + J)ang得到了这些错误:

jquery-1.4.4.js -Failed to load resource: the server responded with a status of 404 (Object Not Found)

jquery.ui.position.js -Failed to load resource: the server responded with a status of 404 (Object Not Found)

jquery.ui.widget.js -Failed to load resource: the server responded with a status of 404 (Object Not Found)

jquery.ui.core.js -Failed to load resource: the server responded with a status of 404 (Object Not Found)

jquery.ui.autocomplete.js -Failed to load resource: the server responded with a status of 404 (Object Not Found)

index.cfm:276Uncaught ReferenceError: $ is not defined

jquery.ui.all.css -Failed to load resource: the server responded with a status of 404 (Object Not Found)

这是我的代码中引用上述脚本的一部分:

<script src="jquery-ui-1.8.10.custom/development-bundle/jquery-1.4.4.js"></script>
<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.core.js"></script>
<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.widget.js"></script>
<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.position.js"></script>
<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.autocomplete.js"></script>
<link rel="stylesheet" href="jquery-ui-1.8.10.custom/development-bundle/themes/base/jquery.ui.all.css">

<script type="text/javascript">
    $(function() {
           ...

我已经仔细检查了路径并且它们是正确的。我也尝试将$(function()更改为jQuery(function()但仍然无效。我发现很难调试,因为开发方没有错误。我在这里错过了什么吗?谢谢。

3 个答案:

答案 0 :(得分:3)

即使你说道路是正确的,但事实并非如此。您已为src设置了相对网址。您是从子目录还是其他任何地方访问该页面?尝试设置绝对路径(相对于您的webroot)。

答案 1 :(得分:0)

这肯定是路径问题,可能是.js不存在。尝试,从根(绝对路径)

给出路​​径

答案 2 :(得分:0)

尝试在我的<head>

中加入js时,我看到了这个错误

我将<script></script>移近</body>并加载好了......