Question

所以我正在处理Jquery自动完成。

我包含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不起作用，我在这个简单的例子中缺少什么？

Answer 1

你需要给它一个对象

$("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>

Answer 2

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

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

这是一个有效的jsfiddle：

Here

jquery自动完成

2 个答案: