我是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>
当你按下按钮时,我会添加一个关闭窗口并同时链接其他东西的延迟吗?
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>