2016-09-11 4 views
1

ich kann nicht herausfinden, warum ich diese einfachen Fehler in der Konsole bekommen:

Uncaught TypeError: $.cookie is not a function 

Hier ist, wo ich implementieren JavaScript und jQuery:

<script src="jquery.js"></script> 
<script src="cookies.js"></script> 
<script src="scripts/changeTheme.js"></script> 
<script> 
    function cookieTest() { 
     $.cookie("test", "Cookies are working!"); 
     alert($.cookie("test")); 
    }; 
    cookieTest(); 
</script> 

Ich habe tausend Mal überprüft, und ich sehe keinen Referenz-Tippfehler. Ich habe es versucht, indem ich meine Seite sowohl offline als auch online angesehen habe.

Ich habe das Cookie-Plugin von https://github.com/js-cookie/js-cookie heruntergeladen.

Auch Warnungen arbeiten, wenn ich dies tun:

<script src="jquery.js"></script> 
<script src="cookies.js"></script> 
<script src="scripts/changeTheme.js"></script> 
<script> 
    function cookieTest() { 
     alert("Test"); 
    }; 
    cookieTest(); 
</script> 

Meine Datei cookies.js genannt, weil ich einfach den Quellcode von Github kopiert und es in einer neuen Datei js setzen. Directory

+0

Dateiname js.cookie.js ist, überprüfen, ob es ein Tippfehler ist. – edonbajrami

+0

Sie scheinen die Syntax einer älteren Version von cookie.js (von hier: https://github.com/carhartl/jquery-cookie) zu verwenden, während Sie mit einer neueren Github-Repo-Version mit einer Version verknüpfen, die nicht von jQuery abhängig ist . – elmarko

Antwort

3

Die Bibliothek Sie verwenden ist kein jQuery-Plugin. Verwenden Sie eine ältere Version - https://github.com/carhartl/jquery-cookie/blob/master/src/jquery.cookie.js

Da ich keine CDN-Quelle dieses Plugins gefunden habe, habe ich es kopiert Inhalt eingefügt und es funktioniert. Beispiel: https://jsfiddle.net/wbcq3ho4/

<script src="CORRECT LIBRARY PATH HERE"></script> 
<script> 
    function cookieTest() { 
     $.cookie("test", "Cookies are working!"); 
     alert($.cookie("test")); 
    }; 
</script> 

<button type="button" onclick="cookieTest();"> 
Click me 
</button> 

einfach die Datei manuell herunterladen oder mit Bower/Komponisten und setzen Sie den richtigen Link in Ihrem HTML-Code

0

Diese Bibliothek basiert nicht auf jQuery, stellen Sie sicher, dass Sie auf GitHub zugreifen können.

0

Es ist

Cookies("yourCookie","yourCookieText");