TypeError: $ non è una funzione quando si chiama la funzione jQuery

Ho un semplice script jQuery in un plug-in di WordPress che utilizza un wrapper jQuery come questo:

$(document).ready(function(){

    // jQuery code is in here

});

Sto chiamando questo script dalla dashboard di WordPress e lo sto caricando DOPO aver caricato il framework jQuery.

Quando controllo la pagina in Firebug, continuo a ricevere il messaggio di errore:

TypeError: $ non è una funzione

$ (Document) .ready (function () {

Dovrei forse avvolgere lo script in questa funzione:

(function($){

    // jQuery code is in here

})(jQuery);

Ho avuto questo errore parecchie volte e non sono sicuro di come gestirlo.

Qualsiasi aiuto sarebbe molto apprezzato.

Di default quando accodate jQuery in Wordpress è necessario utilizzare jQuerye $non viene utilizzato (questo è per compatibilità con altre librerie).

La tua soluzione per functionincluderlo funzionerà bene, oppure puoi caricare jQuery in un altro modo (ma probabilmente non è una buona idea in Wordpress).

Se è necessario utilizzare document.ready, è possibile passare effettivamente $alla chiamata di funzione:

jQuery(function ($) { ...

Questo dovrebbe risolverlo:

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

In parole povere, WordPress esegue i propri script prima che tu possa e rilasciano $var in modo che non si scontrino con altre librerie. Ciò ha perfettamente senso, poiché WordPress viene utilizzato per tutti i tipi di siti Web, app e, naturalmente, blog.

Dalla loro documentazione:

La libreria jQuery inclusa in WordPress è impostata sulla modalità noConflict () (consultare wp-Includes / js / jquery / jquery.js). Questo per evitare problemi di compatibilità con altre librerie JavaScript che WordPress può collegare.

Nella modalità noConflict (), il collegamento $ globale per jQuery non è disponibile ...

Questa soluzione ha funzionato per me

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

Sposta il codice all'interno della chiusura e usa $invece dijQuery

Ho trovato la soluzione sopra in /magento/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma

... dopo aver cercato troppo

Puoi evitare conflitti come questo

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

var $=jQuery.noConflict();

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

Ringraziamo Ashwani Panwar e Cyssoo: https://stackoverflow.com/a/29341144/3010027

Prova questo:

<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>

Devi passare $ in function ()

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

// jQuery code is in here

});
</script>

sostituire il $segno in jQuery questo modo:

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

Controlla nuovamente i tuoi riferimenti jQuery. È possibile che tu faccia riferimento a più di una volta o chiami la tua funzione troppo presto (prima che jQuery sia definito). Puoi provare come menzionato nei miei commenti e inserire qualsiasi riferimento jQuery nella parte superiore del tuo file (nella testa) e vedere se questo aiuta.

Se usi l'incapsulamento di jQuery, in questo caso non dovrebbe essere d'aiuto. Per favore, provalo perché penso che sia più bello e più ovvio, ma se jQuery non è definito otterrai gli stessi errori.

Alla fine ... jQuery non è attualmente definito.

Inoltre, trovo la buona soluzione per usare la modalità jQuery noConflict.

(function($){

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

  // or also you can write jquery code like this

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

})(jQuery);

Ho trovato questa soluzione da qui. https://thecodingstuff.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/

Uso

jQuery(document).

invece di

$(document).

o

All'interno della funzione, $ punta a jQuery come ci si aspetterebbe

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

Cosa ha funzionato per me. La prima libreria da importare è la libreria di query e quindi chiama il metodo jQuery.noConflict ().

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

(funzione ($) {
  "usa rigoroso";

  $ (function () {

    // Il tuo codice qui

  });

} (JQuery));

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

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

ora usa jq al posto di jQuery

Si riscontra questo problema quando il nome della funzione e uno dei nomi ID nel file sono uguali. assicurati solo che tutti i tuoi nomi ID nel file siano univoci.

Puoi usare

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

o

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