使用 easyautocomplete 在 Jquery 中自动完成

Question

我已经通过以下代码使 EastAutoComplete 在我的测试页上运行： http://easyautocomplete.com/guide

<body>
      <input id="basics"/>
 <script>
var options = {
    data: ["blue", "green", "pink", "red", "yellow"]
};

$("#basics").easyAutocomplete(options);
</script>
</body>

但是当我将我的代码转移到我的项目时它不起作用，
这是我的输入文本，

<input type="text" id="basics" class="form-control input-lg" placeholder="Renovation, Plumming, Welder, Carpent, Driver , Cleaner Etc...">

这是我的完整源代码：http://pastebin.com/TnUyzPnv

Answer 1

在浏览器加载所有 javascript 文件后，您需要运行您的代码。所以把这段代码放在里面：

$(function() {});

或

$(document).ready(function() {});

试试这个：

$(document).ready(function() {

    var options = {
        data: ["blue", "green", "pink", "red", "yellow"]
    };

    $("#basics").easyAutocomplete(options);
});

使用 easyautocomplete 在 Jquery 中自动完成

AutoComplete in Jquery using easyautocomplete

jquery

autocomplete

jquery-autocomplete