jQuery：卸载前的fadeIn（）和fadeOut（）

Question

我是jQuery的新手，我一直在想办法解决这个问题。

我有一个课程作业，我必须为JQuery中的一个页面卸载制作一个事件处理程序，当它被激发时，它会将一个div移出(3000)，然后文本“thank you”会移入（3000）。我假设教师的意思是有一个按钮或链接离开窗口并转到另一个页面，但首先执行FadeIn/FadeOut。

我对FadeIn/FadeOut选项没有任何问题。我有问题/卸载...我如何让它转到一个新的页面，但首先执行一个fadeOut(2000)/fadein(2000)？

我想不明白这一点。据我所知，unload只与/$(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

null

js lang-js prettyprint-override">$(".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>