提问者:小点点

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


我是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>

当你按下按钮时,我会添加一个关闭窗口并同时链接其他东西的延迟吗?


共1个答案

匿名用户

null

$(".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>