2011-05-20 50 views
1

所以我正在处理jquery auto complete。jquery autocomplete

我包括jQuery和自动完成jQuery的东西。

<script src="../../jquery/jquery.js"></script> 
    <script src="../../jquery/jquery.autocomplete.js"></script> 

<script> 
$(document).ready(function() { 
    var townList = ["London","Manchester"]; //establish user town list 
    $("input#townSearcher").autocomplete({source:townList}); 
} 
    </script> 

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

当我把Lon或Manc例如我在这个简单的例子中缺少什么时,AutoComplete不起作用?

回答

3

你需要给它一个对象

$("input#townSearcher").autocomplete({source:townList}); 

working demo

这里是autocomplete documentation

编辑

你可能要使用CDN

<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> 
+0

我刚刚尝试过,我发现它很奇怪它是如何工作的示例和(NN我编辑我的代码)仍然不工作在我的网页..有0错误,0警告,我不认为任何其他事情是打破它在页面上。:/ – John 2011-05-20 18:52:10

+0

大声笑我会更新我的jQuery, blurh ty – John 2011-05-20 19:03:38

2

确保DOM已加载。你需要将你的jquery包装在onload事件中。

$(function() { 
    $("input#townSearcher").autocomplete(townList); 
}); 

这里是一个工作的jsfiddle:

Here

+0

你拨弄工作不试试! – mcgrailm 2011-05-20 18:46:42

+0

@mcgrailm我不确定你在看什么,但它工作正常。我没有任何CSS,但自动完成工作正常。键入'L'或'M',它会显示结果。 – 2011-05-20 18:48:05

+0

我得到ff4错误说'错误:$(“输入#townSearcher”)。自动完成不是函数 源文件:http://fiddle.jshell.net/keroger2k/AftpL/1/show/ 行:25 “ – mcgrailm 2011-05-20 19:01:25