Question

我正在尝试实现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上运行它。

提前感谢您的帮助！

Answer 1

你能尝试这种方式。我这样做了：

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

Answer 2

我已将您的代码复制到jsfiddle（链接跟随）中。

我使用firebug来确保所有JavaScript文件都按照您的预期加载，并且没有错误。

如果没有，请检查您的网络服务器日志。

http://jsfiddle.net/m6ST6/1/

Jquery UI自动完成不起作用

2 个答案: