为什么控制台告诉我未定义？

Question

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

在上面的JS代码中，Chrome控制台不断告诉我未定义第一个“ $”。 我的html文件中有一个名为“ bVid”的类，它附加在按钮上。 我的css文件中也有它，该文件也附加到标题中的html文件中。 谁能帮我？

Answer 1

尝试像这样使用它：

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

调用之前，请确保已将jquery cdn包含在脚本标记中。

Answer 2

首先，您需要在脚本上方检查jquery，然后需要使用$(document).ready(function ()函数，如下所示

 $(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>