Javascript 如何将此笔中的代码集成到我的站点上？

我从我的wordpress网站上用相同的代码创建了这支钢笔，但是它在我的实际网站上不起作用。我已清除站点缓存并将其关闭，我还尝试使用wp_enqueue_脚本，但失败（可能是用户错误）。我怎样才能让它在我的网站上工作？除了js，这支笔中的所有东西都可以在网站上使用。救命啊(

HTML:

Javascript:

$(window).scroll(function() {
   $(".down-arrow").css("opacity", 1 -
      $(window).scrollTop() / 250);
    });

---

[link]（）

是否正在包装函数？请尝试这样包装：

$(document).ready(function() {

$(window).scroll(function() {
   $(".down-arrow").css("opacity", 1 -
      $(window).scrollTop() / 250);
    });

});

---

是否正在包装函数？请尝试这样包装：

$(document).ready(function() {

$(window).scroll(function() {
   $(".down-arrow").css("opacity", 1 -
      $(window).scrollTop() / 250);
    });

});

---

在托比的帮助下，这才是真正对我起作用的。他的回答不起作用，但它把我引向了正确的方向

(function($) {
    $(window).scroll(function() {
        $(".down-arrow").css("opacity", 1 - $(window).scrollTop() / 250);
    });
})(jQuery);

---

在托比的帮助下，这才是真正对我起作用的。他的回答不起作用，但它把我引向了正确的方向

(function($) {
    $(window).scroll(function() {
        $(".down-arrow").css("opacity", 1 - $(window).scrollTop() / 250);
    });
})(jQuery);