JQuery is throwing errors at me in the first lines of code

Question

Ok, so I wrote this in my script:

$(document).ready(function(){ alert("works"); })

just a normal document.ready check and it throws 7 errors at me

Errors screenshot

Can you help me guys?

`it throws 7 errors at me` - what is "it" - because "it" certainly isn't the browser — Jaromanda X, Mar 19 '17 at 23:34

score 0 · Accepted Answer · answered Mar 19 '17 at 23:23

0

From the error, it seems that you are including the jQuery library after you are calling $(document).ready.

Include your jQuery before any other script in the <head>

answered Mar 19 '17 at 23:23

Z-Bone

1,534
1
10
14

That's it! Thank you :D I just followed the tutorial, didn't know that you should include jquery above every other script – Szymon Kądziołka Mar 19 '17 at 23:26
Note that you should include JavaScript at the end of the body tag for better loading, not in the head. See my answer for an SO link about why this is the best practice. – John Vandivier Mar 19 '17 at 23:28
@JohnVandivier I agree, but my point was he needed to include jQuery before the scripts that called `$`. Otherwise `$` would always be undefined.. For simplicity matters I wanted to outline the problem this way, in case his code was in the beginning of the body and so on.. – Z-Bone Mar 19 '17 at 23:36
@SzymonKądziołka Im glad I could help, in case you found this helpful be sure to upvote.. Thanks – Z-Bone Mar 19 '17 at 23:37
I can just accept your answer, can't upvote because i don't have enough rep, anyway thank you guys both! – Szymon Kądziołka Mar 19 '17 at 23:50

score 0 · Answer 2 · answered Mar 19 '17 at 23:24

0

Did you include JQuery library? Look at this example:

$(document).ready(function(){
    alert("works");
})

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

answered Mar 19 '17 at 23:24

Marco Salerno

5,131
2
12
32

score 0 · Answer 3 · edited May 23 '17 at 10:29

Your code is ordinary jQuery and should work if there are no library conflicts.

Did you import jQuery? If so check whatever else you imported and ensure there is no conflict. You can try using jQuery.noConflict() to get around any conflicts with other libs.

I'd also suggest you load your JavaScript at the end of the body tag to improve page loading, not in the head as others have suggested. jQuery does need to be included before any dependent code is run of course.

JQuery is throwing errors at me in the first lines of code

3 Answers3