使用JS向元素添加类

Question

我尝试在用户滚动时在我的标题上添加一个类。我将此代码放在外部文件 main.js

中

$(window).scroll(function() {
    if ($(this).scrollTop() > 1) {
        $('header').addClass("sticky");
    } else {
        $('header').removeClass("sticky");
    }
});

但是有一个错误

  

无法找到变量$

你有什么建议吗？谢谢！

Answer 1

无法找到变量$意味着在加载jquery.min.js函数之前以某种方式调用..或者missed to add jquery.js

Answer 2

在调用main.js之前，必须引用jquery文件 首先添加对jquery的引用：

<script src="jquery.js"></script>

然后引用你的main.js

<script src="main.js"></script>