Jquery 更改页面前设置动画不起作用

我正在尝试在页面更改之前制作动画。我已经从这个站点上的另一个线程复制了jquery，并对其进行了编辑以适应我的html。同样的代码可以在小提琴中使用，但不能在我的页面中使用。我将非常感谢你的帮助

页面将在不发生任何脚本的情况下更改

编辑：当我将jquery中的链接更改为html时，似乎效果很好。但是，没有其他元素起作用。奇怪

Jquery：

$("#link").click(function(e) {
e.preventDefault();
e.stopPropagation();
$(this).animate({
    opacity: 0.25,
}, 5000, function() {
    document.location.href = this.href;
});
});

Html:

试试这个：

$("#link").click(function(e) {
    $(this).animate({
      opacity: 0.25,
    }, 5000, function() {
      document.location.href = this.href;
    });
    return false;
});

而不是document.location.href=this.href；，尝试使用以下方法：

---

window.location=this.href

谢谢，但这似乎也不起作用。页面会立即更改，就像脚本不存在一样。但该文件的其他部分工作正常。

$("#link").click(function(e) {
    $(this).animate({
      opacity: 0.25,
    }, 5000, function() {
      document.location.href = this.href;
    });
    return false;
});