Why is console telling me not defined?

Question

$(".bVid").on("click",function(){
        $(".vidBeginner").slideDown(1000);
});

On that JS code above, Chrome console keeps telling me the first "$" is not defined. There is a class in my html file called "bVid" and it's attached to a button. I also have it in my css file that's also attached to the html file in the header. Can anyone help me?

Is jQuery included? Did you put this code on `$(document).ready`? — Eddie, Jun 23 '18 at 06:10
possible duplicate [jquery-is-not-defined](https://stackoverflow.com/questions/2194992/jquery-is-not-defined) — Bijoy, Jun 23 '18 at 06:11
Yes I included the jQuery script at the bottom of the body in the html file. — Varmintbaby, Jun 23 '18 at 06:13
Sorry it was a duplicate. Thanks Bijoy. Yes it was that my seperate js file was not after jquery. My bad all. Thanks for all your help! — Varmintbaby, Jun 23 '18 at 06:16

score 0 · Answer 1 · answered Jun 23 '18 at 06:17

Try using it like this:

    (function($){ 
        $(document).ready(function () {
           $(".bVid").on("click",function(){
              $(".vidBeginner").slideDown(1000);
           }); 
        });
    })(jQuery);

Make sure you have included the jquery cdn in script tags before calling this.

score 0 · Answer 2 · answered Jun 23 '18 at 06:27

First you need to check your jquery above your script then you need to use $(document).ready(function () function like given below

$(document).ready(function () {
$(".bVid").on("click",function(){
        $(".vidBeginner").slideDown(1000);
});
 });

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

Why is console telling me not defined?

2 Answers2