jQuery $ .cookie ist keine Funktion

Ich versuche, ein cookie zu setzen mit jQuery:

$.cookie("testCookie", "hello");
alert($.cookie("testCookie"));

Aber wenn ich es lade meine Seite, erhalte ich die Fehlermeldung "$.cookie ist keine Funktion". Hier ist was ich weiß:

  • Heruntergeladen habe ich das jQuery cookie plugin hier.
  • Ich bin Verlinkung zur jQuery und DANN die cookie-plugin.
  • Sowohl jQuery und jQuery.Cookies sind korrekt geladen wird mit 200 OKs.

Ich sah mehrere andere Antworten (hier und hier u.a.), zu denen die meisten Menschen vorgeschlagen, die Umbenennung der cookie.js Datei. Ich habe umbenannt, meine cookie-Datei "jquery.cookeee.js" aber die Ergebnisse sind die gleichen.

Irgendwelche Ideen auf, was ist hier Los?

Falls es hilft, ich bin erstellen einer web-Applikation in MVC 4.

Kommentar zu dem Problem
Alle Ausnahmen, die Sie in Ihrem browser für die Konsole? Vielleicht ist Ihre version von jQuery ist nicht das richtige für Ihre version von jQuery cookie plugin Kommentarautor: Ian
Sind Sie wie jQuery zweimal? (wahrscheinlich ja). Andernfalls bist du entweder mit $.noConflict(), oder Sie auch anderen .js-Datei, überschreibt $. Kommentarautor: Kevin B
Was bedeutet $.fn.jquery-geben Sie sofort nach, einschließlich jquery.js und in deinem code wo der Fehler Auftritt. Kommentarautor: Kevin B
@ElliotSchmelliot ja, wie der zweite wird komplett überschreiben Sie die erste, inklusive aller plugins. Kommentarautor: Kevin B
Wenn Sie bereits die Antwort gefunden, Sie konnte es selbst beantwortet. Dies verhindert, dass andere auf eine Antwort oder gar die Frage offen. Kommentarautor: surfmuggle

InformationsquelleAutor der Frage ElliotSchmelliot | 2013-08-02

  1. 95

    Wenn jemand stolpert auf die $.cookie is not a function problem, hier sind alle mögliche Probleme/Lösungen, die ich über gekommen sind:

    • Das cookie-plugin konnte nicht heruntergeladen werden. $.cookie ist nicht ein standard-jQuery-Funktion und das plugin heruntergeladen werden muss hier. Stellen Sie sicher, dass die entsprechenden <script> tag, wo nötig (siehe weiter).
    • Wenn auch die cookie-Skript, stellen Sie sicher, dass jQuery ZUERST, dann das cookie-plugin.

    d.h. Ihren Kopf enthalten kann:

    <script src="~/Scripts/jquery-2.0.3.js" type="text/javascript"></script>

    DANN

    <script src="~/Scripts/jquery_cookie.js" type="text/javascript"></script>
    • In einigen Fällen, umbenennen der Datei, um etwas, das NICHT gehören ".cookie" behoben wurde dieser Fehler, offenbar aufgrund von web-server-Probleme. Standardmäßig werden die heruntergeladenen Skript mit dem Titel "jquery.cookie.js" aber versuchen Sie es etwas wie "jquery_cookie.js" wie oben gezeigt. Mehr details zu diesem problem sind hier.
    • Schließlich (das war mein problem), stellen Sie sicher, Sie sind nicht wie jQuery, mehr als einmal. Wenn Sie sind, ist es möglich, dass Sie 1. jQuery lädt richtig 2. Das cookie-plugin lädt richtig 3. Schließlich Ihre zweite Aufnahme von jQuery überschreibt die erste und zerstört das cookie-plugin.

    Für jemand mit ASP.Net MVC-Projekte, seien Sie vorsichtig mit den Standard-javascript-bundle Einschlüsse; Sie kann schwer zu finden manchmal. Meine zweite Aufnahme von jQuery wurde in einer meiner globalen layout-Seiten unter der Linie @Scripts.Render("~/bundles/jquery"). Ich persönlich bevorzuge nicht-rendering-bundles und nur die Verknüpfung zum javascript wie nötig.

    Cheers und besonderen Dank an Kevin B für die Hilfe dabei.

    InformationsquelleAutor der Antwort ElliotSchmelliot

  2. 15

    Den alte version von jQuery Cookie verworfen wurde, so dass, wenn Sie immer die Fehler:

    $.cookie is not a function

    sollten Sie ein upgrade auf die neue version.

    Die API für die neue version ist auch anders - anstatt

    $.cookie("yourCookieName");

    sollten Sie verwenden

    Cookies.get("yourCookieName");

    InformationsquelleAutor der Antwort YPCrumble

  3. 14

    fügen Sie diese cookie-plugin für jquery. 

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    InformationsquelleAutor der Antwort cabs

  4. 2

    Überprüfen Sie, dass Sie das script in den header und nicht in der Fußzeile der Seite. Vor allem in WordPress-das eine hat nicht funktioniert:

    wp_register_script('cookie', get_template_directory_uri() . '/js/jquery.cookie.js', array(), false, true);

    Der Letzte parameter gibt an, einschließlich das Skript im footer und notwendig, um geändert werden zu "false" (Standardeinstellung). Die Art und Weise es funktionierte:

    wp_register_script('cookie', get_template_directory_uri() . '/js/jquery.cookie.js');

    InformationsquelleAutor der Antwort Tatyana

  5. 2

    Sollten Sie zuerst jquery.cookie.js fügen Sie dann Ihre js oder jQuery, wo Sie mit dieser Funktion.

    Wann der browser lädt die Webseite zuerst lädt diese jquery.cookie.js und nachdem du dann js oder jQuery und nun, die Funktion ist verfügbar für die Verwendung

    InformationsquelleAutor der Antwort Sanjeev Mishra

  6. 0

    Hatte ich dieses problem auch. Ich fand heraus, dass mit einem $(document).ready-Funktion, die ein $.cookie in ein script-tag innerhalb des Körpers, während mit cookie js laden im head UNTER die jquery-wie vorgesehen führte zu $(document).bereit beeing verarbeitet werden, bevor das cookie-plugin konnte geladen.

    Zog ich die cookie-plugin load script in den Körper, bevor Sie $(document).bereit Skript und die Fehlermeldung ist verschwunden 😀

    InformationsquelleAutor der Antwort Kostas Tsakalidis

Schreibe einen Kommentar