gpt4 book ai didi

jQuery 淡入淡出速度效果只工作一次

转载 作者:行者123 更新时间:2023-11-28 18:39:17 25 4
gpt4 key购买 nike

所以我有一个自动设置为在页面加载时不显示的 div。单击特定链接时,它应该以 fadeIn 'slow' 显示,反之亦然 fadeOut。

fadeIn 在 HTTP 请求后第一次被点击时工作,但 fadeOut 不工作(但是关闭)。第一次之后,整个淡入淡出效果根本不起作用。然后它的行为就好像它是 hide() 和 show()

代码:

$('#req_login, #srch_login').click(function() {
$('#popbox, #popbox_bg').show(0); // opacity background
$('#popbox #container').fadeIn('slow'); // actual div with content
$("#email_alt_lgn").focus(); // first field in form

// close popbox with escape key
$(document).keyup(function(e) {
if (e.keyCode == 27) {
$('#popbox_close').click(); // trigger close link
}
});
});
$('#popbox_close').click(function() {
$('#popbox #container').fadeOut('slow'); // actual div with content
$('#popbox, #popbox_bg').hide(0); // opacity background
});

HTML:

// this is the part that should fadeIn() and fadeOut()
<div id="popbox" style="display: none;">
<div id="container">
<form method="POST" action="" name="login_form">
<span style="float: right;"><a id="popbox_close" class="button makeCircle" title="Sluiten of [Esc]">X</a></span>
(... form content omitted)
</form>
</div>
</div>
<div id="popbox_bg" style="display: none;"></div>

// this is what should trigger the fadeIn() event
<a id="req_login">Inloggen</a><span class="pin_split_white"></span>

最佳答案

我认为你的问题是这一行:$('#popbox, #popbox_bg').hide(0); **//不透明背景** 在“关闭”点击处理程序中。

问题是 hide() 方法将在调用 fadeOut() 之后立即调用(在 fadeOut 完成之前) ).删除它,看看它是否有效。

很抱歉,如果这不能解决问题,但没有 fiddle ,这是我能为您做的最好的事情。

祝你好运:)

关于jQuery 淡入淡出速度效果只工作一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11958522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com