Jquery用户界面不工作_Jquery_Autocomplete

Jquery用户界面不工作

jquery autocomplete

Jquery用户界面不工作,jquery,autocomplete,Jquery,Autocomplete,我正在尝试实现jQueryUIAutoComplete特性，我遇到了各种各样的麻烦。我最初得到了一个“autcomplete not a function”错误，但将所有脚本引用移动到正文的底部使该错误消失（原因不明）。现在，自动完成根本不起作用，我不会再收到任何错误。我最初使用的是我自己的代码，但由于它不起作用，我换成了一个例子，只是为了让事情顺利进行下面是Javascript： <script type="text/javascript" src="jquery-1.6.1.min.

我正在尝试实现jQueryUIAutoComplete特性，我遇到了各种各样的麻烦。我最初得到了一个“autcomplete not a function”错误，但将所有脚本引用移动到正文的底部使该错误消失（原因不明）。现在，自动完成根本不起作用，我不会再收到任何错误。我最初使用的是我自己的代码，但由于它不起作用，我换成了一个例子，只是为了让事情顺利进行

下面是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>


$（函数（）{
var availableTags=[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”，
“Clojure”，
“COBOL”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#自动”）.autocomplete({
资料来源：availableTags
});
});

编辑：最终得到了显示的html。这是输入字段

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

我已经检查了所有的导入，据我所知，它们都可以找到，我有所有的依赖项。我在Windows XP的Mozilla Firefox 5.0上运行这个

提前感谢您的帮助

你能这样试试吗。我是这样做的：

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


$（文档）.ready（函数（）{
$（“#input_id”）.autocomplete（[“ab”，“cd”）；
});
}); 
...

我已将您的代码复制到一个JSFIDLE（链接如下）中，它可以工作

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

如果没有，请检查您的Web服务器日志

您能举一个完整的例子吗：我是否遗漏了对您有帮助的信息？我不确定我是否完全理解JSFIDLE，也不知道为什么在上面运行我的代码会有什么不同。JSFIDLE允许您创建一个人们可以编辑的页面（html、JS、CSS），这说明了您的问题。在上面的示例中，没有“自动”输入字段，或者任何HTML正文。在我的实际代码中，我有一个名为“自动”的输入字段，但正如我在原始帖子中所评论的，我不确定如何显示HTML。HTML与JS代码一样处理，等等，粘贴它并应用“代码”格式。当我这样做时，我得到了错误“$（document）.ready不是一个函数”来删除该文档。ready不是一个函数错误，我必须添加一行“jQuery.noConflict（）；“在脚本标签的开头。我也将$改为jQuery。我还必须将jQuery-1.6.1.min.js移回页面顶部（所有其他都在正文的末尾），现在它开始工作了！”！