Javascript Jquery自动完成演示不工作_Javascript_Jquery_Autocomplete

Javascript Jquery自动完成演示不工作

javascript jquery autocomplete

Javascript Jquery自动完成演示不工作,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,大家好，谢谢你们花时间阅读这篇文章。首先，请注意我是新来的，所以如果我问了一些愚蠢的问题或者错过了一些非常明显的事情，请不要杀了我我想指出的是，我已经搜索了论坛，并在这里阅读了一些关于我的问题的文章，但没有任何成功我的问题是：我正在尝试实现jquery自动完成（）的最基本功能我的代码： <head> <script src="js/jquery/jquery-1.7.1.min.js"></script> <script src="js/jqu

大家好，谢谢你们花时间阅读这篇文章。首先，请注意我是新来的，所以如果我问了一些愚蠢的问题或者错过了一些非常明显的事情，请不要杀了我

我想指出的是，我已经搜索了论坛，并在这里阅读了一些关于我的问题的文章，但没有任何成功

我的问题是：我正在尝试实现jquery自动完成（）的最基本功能

我的代码：

<head>

<script src="js/jquery/jquery-1.7.1.min.js"></script>
<script src="js/jquery/jquery.ui.core.min.js"></script>
<script src="js/jquery/jquery.ui.widget.min.js"></script>
<script src="js/jquery/jquery.ui.position.min.js"></script>
<script src="js/jquery/jquery.ui.autocomplete.min.js"></script>
<link rel="stylesheet" href="js/jquery/smoothness/jquery-ui-1.8.16.custom.css"/>

</head>

<body>

<input type="text" id="search" />

</body>

<script>
var data = [
    {"label" : "Aragorn"},
    {"label" : "Arwen"},
    {"label" : "Bilbo Baggins"},
    {"label" : "Boromir"},
    {"label" : "Frodo Baggins"},
    {"label" : "Gandalf"},
    {"label" : "Gimli"},
    {"label" : "Gollum"},
    {"label" : "Legolas"},
    {"label" : "Meriadoc Merry Brandybuck"},
    {"label" : "Peregrin Pippin Took"},
    {"label" : "Samwise Gamgee"}
    ];
$(function() {
$( "#search" ).autocomplete(
{
     source:data
})
});
</script>


风险值数据=[
{“标签”：“阿拉贡”}，
{“标签”：“阿尔文”}，
{“标签”：“Bilbo Baggins”}，
{“label”：“Boromir”}，
{“标签”：“佛罗多·巴金斯”}，
{“标签”：“甘道夫”}，
{“标签”：“Gimli”}，
{“标签”：“咕噜”}，
{“标签”：“乐高乐”}，
{“标签”：“Meriadoc Merry Brandybuck”}，
{“标签”：“Peregrin Pippin Take”}，
{“标签”：“Samwise Gamgee”}
];
$（函数（）{
$（“#搜索”）.autocomplete(
{
资料来源：数据
})
});

我尝试添加$（document）.ready（function（））但没有成功。我是否错过了一些非常愚蠢的东西

提前感谢您的帮助！！！非常感谢。

先下载这些文件

<script src="js/jquery/jquery-1.7.1.min.js"></script> <script src="js/jquery/jquery.ui.core.min.js"></script> <script src="js/jquery/jquery.ui.widget.min.js"></script> <script src="js/jquery/jquery.ui.position.min.js"></script> <script src="js/jquery/jquery.ui.autocomplete.min.js"></script>

然后将其添加到项目中的
js
文件夹中，它将正常工作
请检查控制台是否有任何错误。我相信您尚未将所有js文件添加到项目目录中。所有内容似乎都能在Fiddle中完美工作。请确保您添加了所有具有正确脚本src的js

$(function() { $( "#search" ).autocomplete( { source:data }) });

查看控制台，您得到了什么错误，您是否正确链接了jquery文件，或者只是从那里复制了代码