easyautocomplete основной поиск - PullRequest
Новая
       9

easyautocomplete основной поиск

0 голосов
/ 05 октября 2018

Прошло много времени с тех пор, как я кодировал с помощью 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>

1 Ответ

0 голосов
/ 05 октября 2018

Ваш код в порядке.Появляются только ссылки на вашу библиотеку, где нет пользы.

В этом примере используются 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>
...