Fehler mit dem einfachen EasyComplete-Eingang

Wenn ich versuche, das EasyComplete-Plugin (Version 1.3.5) in meine zukünftige Website einzubinden, habe ich es mit dem einfachsten Eingabe-Tag (dem 'Basics') ohne Erfolg getestet ... ich tue es Wenn ich Buchstaben in mein Eingabe-Tag schreibe, sehe ich keine vollständige Liste.Fehler mit dem einfachen EasyComplete-Eingang

Hier ist meine HTML-Datei:

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="./EasyAutocomplete/easy-autocomplete.min.css"> 
    <link rel="stylesheet" href="./EasyAutocomplete/easy-autocomplete.themes.min.css"> 
    <script src="./EasyAutocomplete/jquery.easy-autocomplete.min.js"></script> 
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
</head> 
<body> 
    <input id="basics" /> 
    <script> 
     $(document).ready(function() { 
      var options = { 
       data: ["blue", "green", "pink", "red", "yellow"] 
       }; 
      $("#basics").easyAutocomplete(options); 
     }); 
    </script> 
</body> 
</html>

ich bemerkt haben, Webinformationen mit Safari, dass meine Seite hat 2 Probleme:
_ 1 aus der HTML-Datei: ‚$ ("# Grundlagen") .easyAutocomplete (Optionen); ist keine Funktion‘
_ 1 von der jquery.easy-autocomplete.min.js Datei:‚Variable jQuery nicht‘(letzte Zeile)

Coud mir jemand gefunden erklären, was mit diesem mache ich falsch sehr einfaches Beispiel?

Quelle

2016-08-29 Romain

Ihre JavaScript-Dateien sind in der falschen Reihenfolge. Sie müssen zuerst jQuery und dann Ihr Autocomplete-Zeug einschließen.

Hier ist eine Demo des Codes mit dem in der richtigen Reihenfolge enthält:

$(document).ready(function() { 
 
    var options = { 
 
    data: ["blue", "green", "pink", "red", "yellow"] 
 
    }; 
 
    $("#basics").easyAutocomplete(options); 
 
});

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.min.css"> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.themes.css"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.min.js"></script> 
 

 
<input id="basics">

Quelle

2016-08-29 10:20:33 xorspark

Oo ... wusste nicht, die Reihenfolge der JavaScript enthält Sache tut. Vielen vielen Dank xorspark !! – Romain

Fehler mit dem einfachen EasyComplete-Eingang

Antwort

Verwandte Themen