Uno de los errores más comunes a los que se enfrentan los desarrolladores de jQuery es el error «$ no está definido». Al principio, puede parecer un pequeño error, pero teniendo en cuenta el hecho de que más del 70 por ciento de la web utiliza jQuery de una forma u otra, esto puede llegar a crear un gran lío.
Razón detrás de este error:
Este error surge básicamente, cuando el desarrollador está utilizando una variable, antes de declararla en el script.
Ejemplo:
num; declarationvarnum; data; 
En el ejemplo anterior, vemos que se ha llamado a ‘num’ antes de declararlo. Por eso se lanzó el ReferenceError: num no está definido en la primera línea. En la tercera línea, ‘num’ es llamado de nuevo. Sin embargo, esta vez no se lanzará ningún error, ya que la variable ya ha sido definida en la segunda línea del script.
Este es un error muy común. La mejor manera de evitarlo es levantar todas las variables y funciones antes de llamarlas. Echa un vistazo a otro ejemplo.
Ejemplo:
process(); process = function(){ vara = 2;
console.log(a);process(); Salida:
Los motivos más comunes de este error:
- Incorporar el plugin de jQuery antes del archivo de script de jQuery
‘ Un plugin es básicamente un chunk de código escrito de antemano. Estos trozos utilizan funciones y métodos predefinidos de jQuery. Por lo tanto, es necesario incrustar el archivo de script de jQuery antes del archivo del plugin. De lo contrario, la aplicación no entenderá la codificación jQuery.
Orden correcto:
<script src="/lib/jquery.min.js"></script>
<script src="/lib/jquery.plugin.js"></script> - Problema de jQuery alojado en CDN:
Es posible que la versión de jQuery alojada en la CDN, utilizada para el sitio web, se haya bloqueado en la conexión del cliente. Este tipo de problema se observa generalmente en las direcciones IP procedentes de países como China, Indonesia, Corea, etc.
Para evitar este problema, es mejor proporcionar una versión de reserva de jQuery alojada localmente.
Ejemplo:
<script src=</script><script>window.jQuery || document.write('
<script src="http://www.mywebsite.com/jquery.min.js"><\/script>')) </script>se utiliza para declarar cualquier variable en 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>