Question

我是jQuery的新手并且一直试图解决这个问题。

我有一个课程作业，我必须在JQuery中为一个页面卸载制作一个事件处理程序，当被触发时fadeout（3000）一个div然后文本＆＃39;谢谢你＆＃39;将fadein（3000）。我假设教师的意思是让一个按钮或链接离开窗口并转到另一个页面，但首先执行fadeIn / FadeOut。

我没有遇到任何问题/ FadeIn / FadeOut选项。我有解决问题的问题...如何让它进入新页面但首先执行fadeOut（2000）/ fadeIn（2000）？

我在解决这个问题时遇到了问题。据我所知，卸载只与w / $（窗口）兼容，所以我唯一可以做的就是有警报吗？

这是我到目前为止所做的，但这不是卸载，我试图弄清楚卸载后如何使这个效果起作用。这甚至可能吗？

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

＆＃13;

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

＆＃13;

#thankyou {
  display: none
}

＆＃13;

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

＆＃13;

＆＃13;
此？

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

1 个答案: