easyautocomplete基本搜索

Question

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

在head部分中：

<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>

在body部分中：

<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>

​