Open In App

Why error “$ is not defined” occurred in jQuery ?

One of the most common errors faced by jQuery developers is the ‘$ is not defined’ error. At first, it may seem like a small error, but considering the fact that more than 70 percent of the website uses jQuery in some form or other, this may turn out to create a huge mess.

Reason behind this error: 
This error basically arises, when the developer is using a variable, before declaring it in the script. 

Example:  




// ReferenceError: num is not defined
num;
 
declaration
var num;
 
// No more errors
data;

Output: 
 

In the above example, we see that ‘num’ has been called before it was declared. This is why ReferenceError: num is not defined was thrown in the first line. In the third line, ‘num’ is called again. However, no error will be thrown this time, as the variable has already been defined in the second line of the script.

This is a very common error. The best way to avoid this is to hoist all the variables and functions before calling them. Have a look at another example. 

Example:  




//reference error
process();
 
process = function(){
var a = 2;
console.log(a);
}
 
// no error
process();

Output: 
 

Most common reasons for this error: 

Correct Order: 




<script src="/lib/jquery.min.js"></script>
<script src="/lib/jquery.plugin.js"></script>

Example: 




//an external CDN link
<script src=
</script>
 
//fall back to local jQuery
<script>
window.jQuery || document.write('
<script src="http://www.mywebsite.com/jquery.min.js"><\/script>'))
</script>

 


Article Tags :