jquery显示内联块然后淡出

Question

我有以下jQuery：

$('#register_email_address').siblings('.error').css('display','inline-block');

我希望上面的内容在这么多秒后淡出。

我尝试了以下内容：

$('#register_email_address').siblings('.error').css('display','inline-block').fadeOut(3000);

但这似乎不起作用？

有什么想法吗？

干杯， 丹

以上代码用于表单验证。上面启动的任何输入字段的onBlur，显示类.error。然后显示。然后显示，并保持显示。

<。> .error类包含另一类.showerror。经过这么长时间，这是我真正喜欢fadeOut的课程。

Answer 1

尝试：

$('#register_email_address').siblings('.error').css('display','inline-block').delay(3000).fadeOut();

Answer 2

您当前代码不起作用的原因是您正在使用的3000值正在应用于fadeOut（即：淡出动画需要3000毫秒）。

这里有几个选项，但我个人会使用jQuery的.delay()，它专门用于导致处理链的暂停。从理论上讲，把它放到你的链中应该完全按照自己的意愿行事。

例如，这将导致设置CSS和退回元素之间的3000暂停：

$('#register_email_address').siblings('.error').css('display','inline-block').delay(3000).fadeOut();