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 和易自动完成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>

easyautocomplete基本搜索

1 个答案: