What is causing $ to be undefined? (JQuery)

Question

I am practicing my JQuery at the moment, and I cannot understand how to make this error message go away: '$' was used before it was defined. The code seems to work though. Nothing wrong with it.

I downloaded the latest version of JQuery, using a Safari browser, and writing my code in the Brackets text editor.

The Javascript code I have is:

$(document).ready(function () {
   $("h2").mouseenter(function () {
      $("h2").fadeTo('fast', 0);
   });
   $("h2").mouseleave(function () {
      $("h2").fadeTo('fast', 1);
   });
});

Below is a screenshot of the my code + error message

Screenshot

Please include your actual code in the question, not a screenshot of it. — Felix Kling, Dec 16 '16 at 02:58
And FWIW, this is not an (runtime) error, it's a lint warning. Please make yourself familiar with the tools you are using before you use them. — Felix Kling, Dec 16 '16 at 03:00

score 1 · Accepted Answer · answered Dec 16 '16 at 02:58

1

You have to tell JSLint it is a global. Add this comment to the top of your file:

/*global $, jQuery*/

answered Dec 16 '16 at 02:58

elclanrs

92,861
21
134
171

What is causing $ to be undefined? (JQuery)

1 Answers1