javascript - easyautocomplete 基本搜索

Question

我已经有一段时间没有使用 jQuery 编码了，所以我可能犯了一个基本错误。谁能告诉我哪里出错了？当我在搜索框中输入时没有任何反应。谢谢。

在头部:

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- JS file -->
<script src="search/jquery.easy-autocomplete.min.js"></script> 

<!-- CSS file -->
<link rel="stylesheet" href="search/easy-autocomplete.min.css"> 

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

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

正文部分:

<div class="container">
    <ul class="breadcrumb">
        <li>You are here:</li>
        <li><a href="index.php">Home</a></li>
        <li><a href="#">Search</a></li>
        <li><a href="#">Example</a></li>
    </ul>
    <h2>Search</h2>
    <input id="basics" />
</div>

Answer 1

您的代码没问题。似乎只有您的图书馆链接不好。

此示例使用 jQuery 2.1.1 和 easy-autocomplete 1.3.5

享受

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.js"></script>

<div class="container">
  <p>Search for a colour</p>
  <input id="basics" />
</div>