ReferenceError: Can't find variable: $

Question

I am using jQuery. This is my coding on my main page:

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

and my script.js is:

$(document).ready(function(){    
     $("#title").click(function () {
        alert("Works!");
    });
});

My full coding can be found here: http://pastie.org/8676656.

Using a tool on the browser, I found an error in my javascript code:

ReferenceError: Can't find variable: $

on line:

$(document).ready(function() {

Any help would be appreciated.

score 29 · Accepted Answer · edited May 23 '17 at 12:26

29

You have to import jQuery before using it:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

Notice it is using // as protocol (not http:// or https://), it means: if your .html file is at a http:// server, it will get jQuery from http://ajax.google..., and if it is at a https:// server, it will get it from https://ajax.google....

Note: If, while developing, you open your HTML file in your browser instead of in a server, you should specify the protocol, as in this answer, otherwise it won't work:

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

Also, you should, if possible, place your .js files at the bottom of the page, right before closing </body>. See more in here.

edited May 23 '17 at 12:26

Community

1
1

answered Jan 28 '14 at 22:00

acdcjunior

132,397
37
331
304

Thanks! I tried to use a link for jquery before but it was a different one. – Cheetaiean Jan 28 '14 at 22:03
@user3155807 if this or any of the answers solved your problem please accept the appropriate answer. – Geo Jan 28 '14 at 22:20
1

@Geo just had to wait the required 15 mins – Cheetaiean Jan 28 '14 at 23:15
@user3155807 apologies then, I forgot about the time limits. – Geo Jan 28 '14 at 23:16
Key note in the answer is **before**. If you import jQuery after your code, it will not be recognized. – FBI Surveillance Van Feb 28 '21 at 21:13

score 3 · Answer 2 · edited Apr 10 '23 at 17:57

3

Import jQuery before your code

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

edited Apr 10 '23 at 17:57

Andrea Mario Lufino

7,921
12
47
78

answered Jan 28 '14 at 22:01

Geo

3,160
6
41
82

5

closing tag should be – Robert Sinclair Sep 03 '16 at 01:45

score 2 · Answer 3 · answered Jan 28 '14 at 22:01

2

Include jQuery before your script

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script>

answered Jan 28 '14 at 22:01

Satpal

132,252
13
159
168

score 0 · Answer 4 · answered Aug 09 '16 at 08:02

0

this is jquery load problem, load jquery before all your code and script.

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

answered Aug 09 '16 at 08:02

Sandeep Sherpur

2,418
25
27

ReferenceError: Can't find variable: $

4 Answers4

Linked

Related