我的 JavaScript 在 Jade 中不起作用

Question

我正在使用 Node.js 开发一个网站。在前端，我使用的是 Jade。我有一个我在其他项目中多次使用过的功能，我确信它可以正常工作。

$(function(){
var num = 450; //number of pixels before modifying styles
$(window).on('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('#rightnav').addClass('fixed');
    } else {
        $('#rightnav').removeClass('fixed');
    }
});
});

基本上，在您将鼠标滚动 450 像素后，该代码会固定网站的某个区域（在本例中为导航）。我有一个外部文件中的脚本，该文件包含在我正在处理的页面中。我还包括 jQuery。我在控制台中没有错误。但是，我尝试使用 console.log 来查看它是否正在触发并且我的控制台中没有显示任何内容，所以我假设我只是缺少一些东西或不了解 Jade。我所有的CSS也包括在内。任何帮助将不胜感激。

Answer 1

刚刚想通了，意识到我必须将 .js 文件附加到我的 css 所在的附加玉文件中。