TypeError: 'undefined' non è una funzione (valutazione '$ (documento)')

1. Sto usando un sito WordPress.
2. Sto includendo questo script nell'intestazione.

Quando lo script viene caricato, viene visualizzato questo errore:

TypeError: 'undefined' non è una funzione (valutazione '$ (documento)')

Non ho idea di cosa lo stia causando o cosa significhi.

In firebug, ottengo questo:

$ non è una funzione

Wordpress utilizza jQuery in modalità noConflict per impostazione predefinita. È necessario fare riferimento utilizzando jQuerycome nome della variabile, non $, ad esempio, utilizzare

jQuery(document);

invece di

$(document);

Puoi facilmente racchiuderlo in una funzione di auto-esecuzione in modo che faccia $nuovamente riferimento a jQuery (ed eviti di inquinare anche lo spazio dei nomi globale), ad es.

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

Usa jQuery noConflict. Ha fatto meraviglie per me

var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});

Cioè, supponendo che tu abbia incluso jQuery nel tuo HTML

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Usa questo:

var $ =jQuery.noConflict();

Prova questo frammento:

jQuery(function($) {
  // Your code.
})

Ha funzionato per me, forse aiuterà anche te.

Ho avuto questo problema solo su Chrome.

Ho provato ad aggiungere

var $ =jQuery.noConflict();

appena prima di chiamare

$(document).ready(function () {

Ha funzionato.

molte grazie

Controlla anche l'inclusione di jQuery, seguita da alcuni componenti / altre librerie (come l'interfaccia utente di jQuery) e poi includendo accidentalmente di nuovo jQuery - questo ridefinirà jQuery e eliminerà gli helper dei componenti (come .datepicker) dall'istanza.

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

Inserisci il tuo codice js nella chiusura sopra, dovrebbe risolvere il problema.

Vorrei usare questo

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

Ho anche affrontato tali problemi molte volte nel vettore di sviluppo web. In realtà non è un conflitto JS, quando cariciamo un sito Web html sul browser non riscontriamo questo errore, ma quando cariciamo questo tipo di sito Web tramite localhost affrontiamo tale problema. Questo a causa di localhost. Quando cariciamo gli script tramite localhost, questo esegue la scansione dello script e esegue il rendering dell'output. Ma quando non abbiamo usato localhost. Esegue semplicemente la scansione dell'output. Esempio, quando scriviamo codice php a fianco dell'host locale ed eseguiamo senza host otteniamo un errore. Ma se il codice è corretto e viene eseguito attraverso l'host otteniamo l'output effettivo e quando utilizziamo inspect element otteniamo il codice di output in formato HTMl ma non in formato PHP, ciò è dovuto al rendering del codice.

Questo è un errore di rendering. Quindi, per correggere questi errori del codice jquery, una delle soluzioni potrebbe utilizzare questo metodo.

jQuery(document).ready(function($){
/******** Body of Jquery Code*****/
});

Quello che fa questo codice è registrare '$' come variabile della funzione applicando jquery. Altrimenti per impostazione predefinita il file .js viene letto solo come javascript.

Ho riscontrato questo problema anche quando ho incluso jQuery nell'intestazione della mia pagina, senza rendermi conto che l'host lo stava già includendo automaticamente nella pagina. Quindi carica la tua pagina in tempo reale e controlla l'origine per vedere se jQuery è collegato.

Due cose:

1. Assicurati di aver aggiunto la libreria jQuery, prima di $ (documento).
2. Quindi cambia tutti i "$" con: jQuery, come i commenti precedenti.

avvolgi tutto lo script tra questo ...

<script>
    $.noConflict();
    jQuery( document ).ready(function( $ ) {
      // Code that uses jQuery's $ can follow here.
    });
</script>

Molte librerie JavaScript usano $ come funzione o nome di variabile, proprio come fa jQuery. Nel caso di jQuery, $ è solo un alias per jQuery, quindi tutte le funzionalità sono disponibili senza usare $. Se è necessario utilizzare un'altra libreria JavaScript insieme a jQuery, restituire il controllo di $ back all'altra libreria con una chiamata a $ .noConflict () . I vecchi riferimenti di $ vengono salvati durante l'inizializzazione di jQuery; noConflict () li ripristina semplicemente.

Puoi usare sia jQuery che $ nello snippet di seguito. ha funzionato per me

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

Puoi passare $ in function ()

jQuery(document).ready(function($){

// jQuery code is in here

});

oppure puoi sostituirlo $(document);con questojQuery(document);

oppure puoi usare jQuery.noConflict()

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});