jQuery | 클릭시 페이드 아웃 및/또는 자동 페이드 아웃

Question

다음 코드가 작동하지 않는 이유는 무엇입니까? 지연된 페이드 아웃 만 작동합니다. 클릭 이벤트가 아닙니다. 만약 내가 자동 - 페이드 아웃 코멘트를 클릭 이벤트가 작동합니다. 그리고 코드를 어떻게 단축 할 수 있습니까?

도움 주셔서 감사합니다. :)

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); 
}); 

Answer 1

확인은 후에 그것을 위해 내 자신의 jsfiddle을 만들어 가지고 - 이미 U에가는 애니메이션이 때문에 u는 지연과 함께 우 - 요소를 "차단"다음 ... 먼저 그들을 막을 필요는 클릭으로 작업하기

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); 
});