使用easyautocomplete在Jquery中自动完成

时间:2015-12-28 20:11:11

标签: jquery autocomplete jquery-autocomplete

我已经通过以下代码在我的测试页面上运行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...">


这是我的完整sourecode:http://pastebin.com/TnUyzPnv

1 个答案:

答案 0 :(得分:1)

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

$(function() {});

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

试试这个:

$(document).ready(function() {

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

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