jQuery |单击时淡出和/或自动淡出答案

【问题标题】：jQuery | on click fade out and / or automatically fade outjQuery |单击时淡出和/或自动淡出
【发布时间】：2014-11-24 22:47:22
【问题描述】：

为什么下面的代码不起作用？只有延迟淡出工作。不是点击事件。如果我评论自动淡出单击事件正在工作。我怎样才能缩短代码？

感谢您的帮助！ :)

var wooMessage = $('.woocommerce-message'); 
var wooError = $('.woocommerce-error'); 

wooMessage.delay(9000).fadeOut(160);
wooError.delay(9000).fadeOut(160);

$('.woocommerce-message-close').click(function() {
    wooMessage.fadeOut(160);
});
$('.woocommerce-error-close').click(function() {
    wooError.fadeOut(160);
});

【问题讨论】：

我没听懂，你能用jsFiddle吗？
.stop() 丢失，请参阅下面的完整答案。

标签： jquery simultaneous

【解决方案1】：

好的，在为它创建了我自己的 jsfiddle 之后得到了它——你用延迟“阻止”了 woo 元素，所以已经有一个动画在播放，你需要先停止它们......然后点击它来工作

var wooMessage = $('.woocommerce-message'); 
var wooError = $('.woocommerce-error'); 

wooMessage.delay(9000).fadeOut(160);
wooError.delay(9000).fadeOut(160);

$('.woocommerce-message-close').click(function() {
    wooMessage.stop().fadeOut(160);
});
$('.woocommerce-error-close').click(function() {
    wooError.stop().fadeOut(160);
});

【讨论】：