Javascript jQuery的fadeIn和fadeOut不起作用

我有HTML：

var$按钮=$‘触发器’； 变量$to_top=$'to_top'； $button。单击，功能{ $to_top.slideToggle； }; 顶{ 位置：固定； 底部：20px； 右：20px； 背景色：9B9EA0； 浮动：对； 宽度：56px； 高度：56px； 填充物：白色； }

---

FadeIt在文档准备就绪之前，页面无法安全操作。jQuery为您检测这种准备状态。$document.ready中包含的代码只有在页面文档对象模型DOM准备好让JavaScript代码执行后才会运行。$window.loadfunction{…}中包含的代码将在整个页面图像或iFrame（而不仅仅是DOM）就绪后运行

$(document).ready(function(){ 
  //Your code here
});

---

这应该是可行的，请注意，您使用的是幻灯片效果，不会褪色

$(document).ready(function() {
    var $button = $('#trigger');
    var $to_top = $('#to_top');
    $button.on('click', function() {
        $to_top.slideToggle();
    });
});

---

现在看看你的问题，告诉我什么不起作用？我想，你需要Jquery库参考。那@kittyCat addedeyeah。。。。但在我的网站上，它不起作用，我的控制台中也没有显示任何内容。你是在jQuery在我的页面上引用之前添加它的吗？它在其他页面上也起作用。请使用链接解释此代码的工作原理，而不要只给出代码，因为解释更有可能帮助未来的读者。另见。