Een van de meest voorkomende fouten geconfronteerd door jQuery ontwikkelaars is de ‘$ is niet gedefinieerd’ fout. In eerste instantie lijkt het misschien een kleine fout, maar gezien het feit dat meer dan 70 procent van de website jQuery gebruikt in een of andere vorm, kan dit blijken te maken een enorme puinhoop.
Reden achter deze fout:
Deze fout treedt in principe op, wanneer de ontwikkelaar een variabele gebruikt, voordat hij deze in het script heeft gedeclareerd.
Voorbeeld:
num; declarationvarnum; data; Uitvoer:
In het bovenstaande voorbeeld zien we dat ‘num’ is aangeroepen voordat het was gedeclareerd. Dit is de reden waarom in de eerste regel ReferenceError: num is not defined werd gegooid. In de derde regel wordt ‘num’ opnieuw aangeroepen. Deze keer wordt er echter geen fout gegooid, omdat de variabele al is gedefinieerd in de tweede regel van het script.
Dit is een veel voorkomende fout. De beste manier om dit te voorkomen is om alle variabelen en functies te hijsen voordat ze worden aangeroepen. Kijk eens naar een ander voorbeeld.
Voorbeeld:
process(); process = function(){ var a = 2;
console.log(a);}process(); Uitvoer:
De meest voorkomende redenen voor deze fout:
- JQuery-plugin insluiten vóór het jQuery-scriptbestand
‘ Een plug-in is in feite een vooraf geschreven code chunk. Deze brokken maken gebruik van vooraf gedefinieerde jQuery functies en methoden. Daarom is het noodzakelijk om het jQuery script bestand vóór het plugin bestand in te sluiten. Anders begrijpt de applicatie de jQuery-codering niet.
Correcte volgorde:
<script src="/lib/jquery.min.js"></script> <script src="/lib/jquery.plugin.js"></script> - CDN hosted jQuery problem:
Het is mogelijk dat de door het CDN gehoste jQuery-versie, die voor de website is gebruikt, is geblokkeerd op de verbinding van de klant. Dit type probleem wordt meestal waargenomen op IP adressen afkomstig uit landen als China, Indonesië, Korea, etc.
Om dit probleem te voorkomen, is het beter om een lokaal gehoste fallback versie van jQuery aan te bieden.
Voorbeeld:
<script src=</script><script>window.jQuery || document.write(' <script src="http://www.mywebsite.com/jquery.min.js"><\/script>')) </script>wordt gebruikt om een variabele in jQuery aan te geven. 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>