jQuery：卸载前的fadeIn() 和fadeOut()

Question

我是 jQuery 新手，一直在尝试解决这个问题。

我有一个课程作业，我必须为 JQuery 中的页面卸载创建一个事件处理程序，该处理程序在触发时会淡出（3000）一个 div，然后文本“谢谢”将淡出（3000）。我假设讲师的意思是有一个按钮或链接离开窗口并转到另一个页面但首先执行淡入/淡出。

我在使用 FadeIn/FadeOut 选项时没有任何问题。我遇到了卸载问题...如何让它进入新页面，但首先执行 fadeOut(2000)/fadeIn(2000)？

我在解决这个问题时遇到了问题。据我了解，卸载仅与 $(window) 兼容，所以我唯一能做的就是发出警报？

这是我目前所拥有的，但这不是卸载，我试图弄清楚一旦你卸载后如何让这种效果发挥作用。这可能吗？

JQ

$(function () {
    $(".btn1").click(function () {
        $("#fadeout").fadeOut(3000);
        $("#thankyou").fadeIn(3000);
    });

});

CSS

btn1 {
display:none;}

HTML

<button id="btn1" class="btn1">CLICK</button>

当您点击按钮时，我是否可以添加延迟以关闭窗口并同时链接其他内容？

Answer 1

$(".btn1").click(function() {
  $("#fadeout").fadeOut(3000, function() {
    $("#thankyou").fadeIn(3000, function() {
      location="url";
    });
  });
});

#thankyou {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='fadeout'>Hello World!</div>
<div id='thankyou'>Thank you!</div>
<button class='btn1'>Click</button>

这？