Uno degli errori più comuni affrontati dagli sviluppatori jQuery è l’errore ‘$ non è definito’. All’inizio può sembrare un piccolo errore, ma considerando il fatto che più del 70% dei siti web usa jQuery in una forma o nell’altra, questo può creare un enorme casino:
Questo errore sorge fondamentalmente, quando lo sviluppatore sta usando una variabile, prima di dichiararla nello script.
Esempio:
num; declarationvarnum; data; Output:
Nell’esempio precedente, vediamo che ‘num’ è stato chiamato prima di essere dichiarato. Questo è il motivo per cui ReferenceError: num non è definito è stato lanciato nella prima riga. Nella terza linea, ‘num’ è chiamato di nuovo. Tuttavia, questa volta non verrà lanciato alcun errore, poiché la variabile è già stata definita nella seconda riga dello script.
Questo è un errore molto comune. Il modo migliore per evitarlo è quello di issare tutte le variabili e le funzioni prima di chiamarle. Date un’occhiata ad un altro esempio.
Esempio:
process(); process = function(){
vara = 2; console.log(a);}process();
Output:
Le ragioni più comuni per questo errore:
- Incorporare il plugin jQuery prima del file di script jQuery
‘ Un plug-in è fondamentalmente un pezzo di codice scritto in anticipo. Questi pezzi usano funzioni e metodi jQuery predefiniti. Pertanto, è necessario incorporare il file di script jQuery prima del file del plugin. Altrimenti l’applicazione non capirà la codifica jQuery.
Ordine corretto:
<script src="/lib/jquery.min.js"></script> <script src="/lib/jquery.plugin.js"></script> - Problema jQuery ospitato dal CDN:
È possibile che la versione di jQuery ospitata dal CDN, utilizzata per il sito web, sia stata bloccata sulla connessione del cliente. Questo tipo di problema è generalmente osservato su indirizzi IP provenienti da paesi come Cina, Indonesia, Corea, ecc.
Per evitare questo problema, è meglio fornire una versione fallback di jQuery ospitata localmente.
Esempio:
<script src=</script><script>window.jQuery || document.write(' <script src="http://www.mywebsite.com/jquery.min.js"><\/script>')) </script>è usato per dichiarare qualsiasi variabile in jQuery. A plug-in is basically a code chunk written beforehand. These chunks use predefined jQuery functions and methods. Therefore, it is necessary to embed the jQuery script file before the plugin file. Otherwise, the application won’t understand the jQuery coding.
Correct Order:
<script src="/lib/jquery.min.js"></script> <script src="/lib/jquery.plugin.js"></script> - CDN hosted jQuery problem:
It is possible that the CDN hosted jQuery version, used for the website, might have been blocked on the customer’s connection. This type of issue is generally observed on IP addresses originating from countries like China, Indonesia, Korea, etc.
To avoid this issue, it is better to provide a locally-hosted fallback version of jQuery.
Example:
<script src=</script><script>window.jQuery || document.write(' <script src="http://www.mywebsite.com/jquery.min.js"><\/script>')) </script>