TypeError: $ ist keine Funktion beim Aufruf der jQuery-Funktion

Ich habe ein einfaches jQuery Skript in ein WordPress plugin, das über einen jQuery-wrapper wie diese:

$(document).ready(function(){

    //jQuery code is in here

});

Rufe ich das Skript aus dem WordPress-Dashboard und bin laden, NACHDEM das jQuery-framework geladen hat.

Wenn ich die Seite in Firebug ich ständig die Fehlermeldung erhält:

TypeError: $ ist nicht eine Funktion

$(document).bereit(Funktion(){

Sollte ich vielleicht wickeln Sie das Skript in dieser Funktion:

(function($){

    //jQuery code is in here

})(jQuery);

Ich hatte diesen Fehler schon ein paar mal und bin mir nicht sicher wie es zu handhaben.

Jegliche Hilfe würde sehr geschätzt werden.

Kommentar zu dem Problem - Öffnen
Wenn Sie geben Sie $ in der Konsole und drücken Sie die EINGABETASTE, - was sehen Sie? Kommentarautor: zerkms
Beim ausführen von $ in der Konsole erhalte ich "undefined" Kommentarautor: Jason

InformationsquelleAutor der Frage Jason | 2012-09-09

  1. 237

    Standardmäßig, wenn Sie enqueue jQuery in WordPress müssen Sie jQuery, und $ wird nicht verwendet (dies ist für die Kompatibilität mit anderen Bibliotheken).

    Ihre Lösung Verpacken Sie in function funktionieren, oder Sie können das laden von jQuery eine andere Möglichkeit (aber das ist wahrscheinlich nicht eine gute Idee in WordPress).

    Wenn Sie verwenden müssen document.ready können Sie tatsächlich passieren $ in der Funktionsaufruf:

    jQuery(function ($) { ...

    InformationsquelleAutor der Antwort Explosion Pills

  2. 118

    Dieses Problem beheben sollte:

    jQuery(document).ready(function($){
  //you can now use $ as your jQuery object.
  var body = $( 'body' );
});

    Setzen Sie einfach, WordPress läuft Ihre eigene scripting, bevor Sie und lassen Sie die $ var so dass es nicht kollidieren mit anderen Bibliotheken. Das macht total Sinn, wie WordPress verwendet wird, für alle Arten von web-sites, apps, und natürlich blogs.

    Aus Ihrer Dokumentation:

    Die jQuery-Bibliothek enthalten, die mit WordPress ist auf das noConflict()
    Modus (siehe wp-includes/js/jquery/jquery.js). Dies ist um zu verhindern, dass
    Kompatibilitätsprobleme mit anderen JavaScript-Bibliotheken, WordPress
    können link.

    In den noConflict() mode, die Globale $ - shortcut für jQuery ist nicht
    ...

    InformationsquelleAutor der Antwort Matthew Blancarte

  3. 16

    Können Sie vermeiden, widersprüchlichen wie diese 

    var jq=jQuery.noConflict();
jq(document).ready(function(){  
  alert("Hi this will not conflict now");
  jq('selector').show();
});

    InformationsquelleAutor der Antwort Ashwani Panwar

  4. 16

    Diese Lösung funktionierte für mich 

    ;(function($){
    //your code
})(jQuery);

    Bewegen Sie Ihren code auf der Innenseite des Deckels und benutzen $ statt jQuery

    Fand ich die oben genannte Lösung in https://magento.stackexchange.com/questions/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma

    ...nach der Suche zu viel

    InformationsquelleAutor der Antwort Bikram Shrestha

  5. 12

    Versuchen Sie dies:

    <script language="JavaScript" type="text/javascript" src="jquery/jquery.js"></script>
<script>
    jQuery.noConflict();
    (function ($) {
        function readyFn() {
            //Set your code here!!
        }

        $(document).ready(readyFn); 
    })(jQuery);

</script>

    InformationsquelleAutor der Antwort Jose Carlos Ramos Carmenates

  6. 9
    var $=jQuery.noConflict();

$(document).ready(function(){
    //jQuery code is in here
});

    Kredit Ashwani Panwar und Cyssoo Antwort: https://stackoverflow.com/a/29341144/3010027

    InformationsquelleAutor der Antwort optimiertes

  7. 8

    Übergibt man $ Funktion()

    <script>
jQuery(document).ready(function($){

//jQuery code is in here

});
</script>

    InformationsquelleAutor der Antwort Jitendra Damor

  8. 5

    Überprüfen Sie Ihre jQuery-Referenzen. Es ist möglich, dass Sie entweder darauf verweisen, mehr als einmal, oder Sie rufen Ihre Funktion zu früh (vor jQuery definiert ist). Sie können versuchen, wie bereits in meinen Kommentaren und ggf. jQuery Verweis auf den Anfang der Datei (im Kopf) und sehen, ob das hilft.

    Wenn Sie die Kapselung von jQuery sollte es nicht helfen in diesem Fall. Bitte versuche es, weil ich denke, es ist hübscher und mehr offensichtlich, aber wenn jQuery nicht definiert ist, erhalten Sie die gleichen Fehler.

    ... JQuery ist derzeit nicht definiert.

    InformationsquelleAutor der Antwort Raghul Manoharan

  9. 3

    Was für mich gearbeitet. Die erste Bibliothek importieren, wird die query-Bibliothek und , dann rechts Aufruf der jQuery.noConflict () - Methode. 

    <head>
 <script type="text/javascript" src="jquery.min.js"/>
 <script>
  var jq = jQuery.noConflict();
  jq(document).ready(function(){
  //.... your code here
    });
 </script>

    InformationsquelleAutor der Antwort PbxMan

  10. 2
    <script>
var jq=jQuery.noConflict();
(function ($) 
    {
    function nameoffunction()
    {
        //Set your code here!!
    }

    $(document).ready(readyFn); 
    })(jQuery);

    nun verwenden jq statt jQuery

    InformationsquelleAutor der Antwort Aman birjpuriya

  11. 2

    Kommen Sie über dieses Problem, wenn Sie Ihre Funktion-Namen und die id-Namen in der Datei sind die gleichen. nur stellen Sie sicher, dass alle id-Namen in der Datei sind einzigartig.

    InformationsquelleAutor der Antwort Laxman Jaygonde

  12. 2

    Verwenden

    jQuery(document).

    statt

    $(document).

    oder

    Innerhalb der Funktion, $ Punkte zu jQuery-wie man es erwarten würde

    (function ($) {
   $(document).
}(jQuery));

    InformationsquelleAutor der Antwort Sanjay

  13. 2
    (function( $ ) { 
 "use strict"; 

 $(function() { 

 //Ihr code hier 

 }); 

}(jQuery));

    InformationsquelleAutor der Antwort Sharif Mohammad Eunus

  14. 0

    Außerdem finde ich es eine gute Lösung für die Verwendung der jQuery noConflict-Modus.

    (function($){

  $(document).ready(function(){
      //write code here
  });

  //or also you can write jquery code like this

  jQuery(document).ready(function(){
      //write code here
  });

})(jQuery);

    Fand ich diese Lösung von hier aus.
    https://thecodingstuff.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/

    InformationsquelleAutor der Antwort Renish Khunt

  15. 0

    ersetzen $ Schild mit jQuery
    wie diese:

    jQuery(function(){
//your code here
});

    InformationsquelleAutor der Antwort MaXee Khan

Schreibe einen Kommentar