$ is not defined - jquery

Asked Aug 08 '19 at 14:41

Active Aug 08 '19 at 14:55

Viewed 124 times

I am new to JQuery and get thefollowing error messages:

ERROR: '$' is not defined. [no-undef]
ERROR: 'location' is not defined. [no-undef]

For completeness, I have added all the code from the two relevant pages down here.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Fruits Game</title>
    <meta charset="utf-8">
    <meta name="viewport" content = "width = device-width, initial-scale =1, user-scalable = yes"> 
    <link rel="stylesheet" href="styling.css">
</head>
<body>
    <div>Irrelevant content here</div>

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

jquery.js

var playing = false;

$(function(){
//click on start reset button
    $("#startreset").click(function(){
        //We are playing
        if(playing == true){
            location.reload();
        }else{
            //We are not playing
            playing = true;
        }
    })
});

I have tried many solutions from: JQuery - $ is not defined, yet none seem to solve my problem. Who can tell me what I am doing wrong?

edited Aug 08 '19 at 14:55

asked Aug 08 '19 at 14:41

Emil

1,531
3
22
47

3

That `[no-undef]` suggests that it's not an error from the browser but rather from whatever compiler or other tool you're using. It doesn't like your `jquery.js` file because you're using variables from elsewhere (`$`) and global variables (`location` - should be `window.location`). – Niet the Dark Absol Aug 08 '19 at 14:43
1

Your code looks good. I suspect you are not getting these errors in your browser's console, but from your code linter, who has no clue what `$` is at the moment you write your code. It is just a code hint/help. – Jeremy Thille Aug 08 '19 at 14:44
Take a look inside this thread https://stackoverflow.com/questions/2194992/jquery-is-not-defined?noredirect=1&lq=1 – Paolo Ardissone Aug 08 '19 at 14:45
Yeah it probably has something to do with your IDE that does not know about jQuery – Mark van der Dam Aug 08 '19 at 14:45
seems you have not loaded the jquery .. library – ScaisEdge Aug 08 '19 at 14:47
@NiettheDarkAbsol thanks for the tip – Emil Aug 08 '19 at 14:51
@JeremyThille thanks the weird thing is that I am working in Brackets and that my JQuery code worked perfectly fine before. – Emil Aug 08 '19 at 14:51
@scaisEdge havent I loaded jquery with the following code: – Emil Aug 08 '19 at 14:51
check in your console for error .. during load .. of these library .. (and why you load two library ???) – ScaisEdge Aug 08 '19 at 14:52
Why do you think I load two libraries? – Emil Aug 08 '19 at 14:57
@scaisEdge it looks like he named the file that holds his code jquery.js and it is not actually the jquery library code. – AtheistP3ace Aug 08 '19 at 14:58
I copy-pasted your html and js files in Brackets, and I didn't receive any errors. – Aug 08 '19 at 14:58
@scaisEdge I didnt get any error in my console btw – Emil Aug 08 '19 at 15:00
@Tuneer thanks for doing that! Do you think that means I should just ignore these errors? – Emil Aug 08 '19 at 15:01
https://github.com/you-dont-need-x/you-dont-need-jquery – ndugger Aug 08 '19 at 18:18

$ is not defined - jquery

0 Answers0