Errore di riferimento non rilevato: $ non è definito?

Come mai questo codice genera un

Errore di riferimento non rilevato: $ non è definito

quando era OK prima?

$(document).ready(function() {
    $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

I risultati nelle schede non si chiudono più.

jQuery è indicato nell'intestazione:

<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

Dovresti inserire prima i riferimenti agli script jquery.

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

Stai chiamando la funzione ready prima di includere jQuery JavaScript. Prima fai riferimento a jQuery.

Questo è ciò che ha risolto per me. Inizialmente sono andato su Google e ho copiato e incollato il frammento suggerito per jQuery sulla loro pagina CDN:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Lo snippet non include HTTP:o HTTPS:nel filesrc dell'attributo ma il browser, FireFox, aveva bisogno quindi l'ho cambiato in: edit: questo ha lavorato per me con Google Chrome, nonché

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Quindi ha funzionato.

Se lo script personalizzato viene caricato prima che il plug-in jQuery venga caricato nel browser, potrebbe verificarsi questo tipo di problema. Quindi, mantieni sempre il tuo codice JavaScript o jQuery dopo aver chiamato il plug-in jQuery, quindi la soluzione è:

Per prima cosa aggiungi il link al file jQuery ospitato su GoogleApis o un file jQuery locale che scaricherai da http://jquery.com/download/ e che ospiterai sul tuo server:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

o qualsiasi plugin per jQuery. Quindi inserisci il link o il codice del tuo file di script personalizzato:

<script src="js/custom.js" type="text/javascript"></script>

Nel mio caso stavo mettendo il mio .jsfile prima del collegamento dello script jQuery, mettendo il .jsfile dopo che il collegamento dello script jQuery ha risolto il mio problema.

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="exponential.js"></script>

Ok, il mio problema era diverso: era il modello Document Security in Chrome .

Guardando le risposte qui, era ovvio che in qualche modo non stavo caricando i miei file jquery prima di chiamare le $(document).ready()funzioni ecc. Tuttavia, erano tutti nelle posizioni corrette.

Nel mio caso, ciò era dovuto al fatto che stavo accedendo al contenuto tramite una connessione HTTPS protetta, mentre la pagina stava cercando di scaricare i dati ospitati dalla CDN da Google, ecc. La soluzione era di archiviarli localmente e quindi includerli direttamente anziché anziché dal CDN ogni volta.

Modifica : L'altro modo per farlo è quello di collegarsi a tutte le cose ospitate dalla CDN come https: // piuttosto che http: // - quindi il modello non si lamenta.

Aggiungi la libreria prima di avviare lo script. Puoi aggiungere uno di questi seguenti CDN per avviarlo.

Google:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Microsoft

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

jquery

Se vuoi qualsiasi altra versione cdn di Jquery controlla questo link .

Dopodichè:

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

Wordpress:

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

Se è in wordpress, potrebbe essere necessario cambiare

$(document).ready(function() {

per

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

o aggiungi

var $ = jQuery;

prima

$(document).ready(function() {

Ho avuto lo stesso identico problema e nessuna di queste soluzioni ha aiutato. tuttavia, ho appena collegato i .cssfile dopo i .jsfile e il problema è miracolosamente scomparso. Spero che sia di aiuto.

Volevo provare a rendere il mio script asincrono . Poi me ne sono dimenticato e quando sono andato in diretta il file .js [personalizzato] ha caricato solo il 50% delle volte prima di jQuery.js.

Quindi sono cambiato

<script async src="js/script.js"></script>

per

<script src="js/script.js"></script>

Nel mio caso ho avuto questo riferimento Errore poiché l'ordine delle chiamate di script era sbagliato. Risolto cambiando l'ordine:

<script src="js/index.js"></script>
<script src="js/jquery-1.10.2.js"></script>

per

<script src="js/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>

Ho avuto lo stesso problema e ho risolto mettendo jQuery in cima a tutti i codici javascript che ho nel mio codice.

Qualcosa come questo:

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

La speranza può aiutare qualcuno in futuro.

Stai chiamando il ready() funzione prima di includere jQuery JavaScript. Prima fai riferimento a jQuery.

Se ti trovi in ​​ASP.NET MVC, puoi specificare quando eseguire il rendering del codice JS, procedendo nel modo seguente:

1, nel page.cshtmlavvolgere il <script>tag in una sezione e dargli un nome, il nome comune da usare è 'script':

@section scripts {
    <script>
        // JS code...
    </script>
}

2, nella tua _Layout.cshtmlpagina aggiungi @RenderSection("Scripts", required: false), assicurati di inserirlo dopo aver fatto riferimento alla fonte Jquery, questo renderà il tuo codice JS renderizzato più tardi rispetto a Jquery.

Se lo stai facendo in .Net e fai riferimento correttamente al file di script e jQuery sembra a posto, assicurati che i tuoi utenti abbiano accesso al file di script. Il progetto a cui stavo lavorando (un collega) aveva il loro web.config che negava l'accesso agli utenti anonimi. La pagina su cui stavo lavorando era accessibile agli utenti anonimi quindi non avevano accesso al file di script. È stato eliminato quanto segue in web.config e tutto andava bene nel mondo:

  <location path="Scripts">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>

Nel mio caso era un errore di battitura, ho dimenticato una barra rovesciata e riferivo la fonte in modo errato.

Prima src="/scripts/jquery.js"

Dopo    src="scripts/jquery.js"

Il file di origine jquery-1.2.6.min.jsnon è chiamato il comando jQuery $()viene eseguito prima di <..src='jquery-1.2.6.min.js'>.

Si prega di eseguire <.. src="/js/jquery-1.2.6.min.js..">inizialmente e assicurarsi che il percorso src sia corretto, quindi eseguire il comando jquery

$(document).ready(function() 

Questo mi è successo prima.

Il motivo è che sto collegando Android a una visualizzazione Web con un JS. E ho inviato un parametro senza virgolette.

js.sayHello(hello);

e quando l'ho cambiato in

js.sayHello('hello');

ha funzionato.

Manca il tuo file JavaScript, quindi si è verificato questo errore. Aggiungi semplicemente il file JavaScript all'interno del <head>tag. Vedi l'esempio:

<script src="js/sample.js" type="text/javascript"></script>
<link href="css/sample.css" rel="stylesheet" type="text/css" />

o aggiungi il seguente codice nel tag:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

L'errore si verificherà anche nei seguenti due scenari.

1. L'elemento script @section non è presente nel file HTML
2. Errore durante l'accesso agli elementi DOM. Ad esempio, l'accesso all'elemento DOM è indicato come $ ("js-toggle") anziché $ (". Js-toggle"). In realtà manca il periodo

Quindi 3 cose da seguire - controlla che siano aggiunti gli script richiesti, controlla se viene aggiunto nell'ordine richiesto e errori di terza sintassi nello script Java.

Doh! Avevo virgolette miste nei miei tag che causavano l'interruzione del riferimento jquery. Fare un'ispezione in Chrome mi ha permesso di vedere che il file non era collegato correttamente.

Nel mio caso ho dimenticato di includere questo:

 <script src ="jquery-2.1.1.js"></script>

In precedenza includevo solo jquery-mobile che causava questo errore.

Ho modificato il tag dello script per puntare al contenuto giusto e ho cambiato l'ordine degli script in modo che fosse quello giusto nell'editor. Ma ho completamente dimenticato di salvare il cambiamento.

Ho avuto un problema simile ed era perché mancava una chiusura> su un collegamento al foglio di stile.

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

Ho un problema simile, e sai cosa, è perché la rete è disconnessa quando eseguo il test nella vista web del dispositivo Android e non me ne rendo conto, e il js locale non è un problema da caricare perché non ha bisogno di rete. Sembra ridicolo ma sprecare la mia ~ 1 ora per capirlo.

Non hai fatto riferimento a una libreria jQuery.

Devi includere una riga simile a questa nel tuo HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Ho avuto un problema simile. Il mio server di test funzionava perfettamente con "http". Tuttavia fallì nella produzione che aveva SSL.

Così nella produzione, ho aggiunto "HTPPS" invece di "HTTP" e in fase di test ho continuato come è "HTTP".

Test:

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

Produzione:

wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

Spero che questo possa aiutare qualcuno che sta lavorando su wordpress.

Abbastanza strano, il mio problema veniva da PHP.

Una chiamata all'API REST non è riuscita e successivamente ha interrotto il caricamento delle librerie. Dal momento che il fallimento era dalla chiamata REST, non mi stava dando un errore di compilazione php.

Conservalo anche come opzione, se il caricamento di jquery sembra corretto.

Ho avuto questo problema, mentre stavo navigando in Internet attraverso il mio hotspot mobile. stava anche comprimendo le immagini e ha aggiunto il seguente script nella parte inferiore del tag body

<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img");//-->
</script>

Quando mi sono collegato a una corretta connessione wifi, tutto sembra funzionare per me. Spero che questo aiuti qualcuno.

Questo può accadere anche se c'è un problema di rete. Il che significa che anche se gli "script jquery" sono in atto e sono inclusi prima dell'uso, poiché gli script jquery non sono accessibili, al momento del caricamento della pagina, quindi le definizioni di "$" sono trattate come "riferimenti indefiniti".

PER SCOPI DEL TEST / DEBUG :: Puoi provare ad accedere all'URL "jquery-script" sul browser. Se è accessibile, la tua pagina dovrebbe caricarsi correttamente, altrimenti mostrerà il suddetto errore (o altri errori relativi allo script). Esempio: http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js dovrebbe essere accessibile nel browser (o nelle posizioni di contesto del browser).

Avevo un problema simile, in cui ero in grado di caricare la pagina html (usando gli script) nel mio browser windows-host, ma non ero in grado di caricare in vm-ubuntu. Risolvendo il problema di rete, il problema è stato risolto.

var $ = jQuery;
jQuery(document).ready(function($){