Jquery UI自动完成不工作

我正在尝试实现jQuery UI自动完成功能，我有各种麻烦。我最初得到了一个“自动完成而不是函数”的错误，但是将所有的脚本引用移动到主体的底部，导致错误消失（原因不明）。现在，自动完成功能无法正常工作，我也没有收到任何更多的错误。我原本使用我自己的代码，但由于它不起作用，我只是为了让事情顺利进行而换成了一个例子。Jquery UI自动完成不工作

这里是JavaScript：

<script type="text/javascript" src="jquery-1.6.1.min.js"></script> 
<script src="content/js/custom/jquery.ui.core.min.js"></script> 
<script src="content/js/custom/jquery.ui.widget.min.js"></script> 
<script src="content/js/custom/jquery.ui.position.min.js"></script> 
<script src="content/js/custom/jquery.ui.autocomplete.min.js"></script> 

<script> 
$(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $("#auto").autocomplete({ 
     source: availableTags 
    }); 
}); 
</script>

编辑：终于拿到了HTML展现出来。这里是输入字段

<input type="text" id="auto" name="auto"/>

我已经检查了所有的进口而据我所知，他们都可以找到，我有所有的依赖。我在Windows XP中的Mozilla Firefox 5.0上运行此操作。

在此先感谢您的帮助！

来源

2011-07-19 Kathleen

可以请你告诉一个完整的例子：http://jsfiddle.net/ – marto

我失去了，这将有助于你的任何信息？我不确定我完全理解jsfiddle或为什么在我的代码上运行会产生影响 – Kathleen

jsfiddle让你创建一个人们可以编辑的页面（html，JS，CSS），它可以说明你的问题。在上面的例子中，没有'auto'输入字段，或者任何HTML实体 – marto

你可以试试这个way.I已经做过这样的：

<html> 
<head> 
<script type="text/javascript" src="path/jquery.js"></script> 
<script type='text/javascript' src='path/jquery.autocomplete.js'></script> 
<link rel="stylesheet" type="text/css" href="path/jquery.autocomplete.css" /> 
<script> 
$(document).ready(function(){ 
$("#input_id").autocomplete(["ab","cd"]); 
}); 
}); 
</script> 
</head> 
... 
</body> 
</html>

来源

2011-07-19 15:07:56 SRC

当我这样做时，出现错误“$（document）”。准备好不是函数“ – Kathleen

为了摆脱document.ready不是函数错误，我不得不添加一行”jQuery.noConflict（）;“在脚本标签的开始处。我也将$改为jQuery。我还必须将jquery-1.6.1.min.js移回页面的顶部（所有其他页面位于本体的最后），现在它正在运行！ – Kathleen