jQuery fadeIn delay fadeOut 즉시 fadeOut 버튼

Question

나는 fadeIn 객체를 지연시키고 fadeOut 객체를 클릭하고 즉시 fadeOut 객체를 클릭합니다. 페이드 인 지연 페이드 아웃 작동하지만, 즉시 페이드 아웃 두 번째 버튼 없음.

코드가 작동하지 않습니다 다음은

$('.btn1').click(function() { 
    $('.obj1').fadeIn(100, function() { 
     (this).delay(5000).fadeOut(100); 
    }); 
}); 

$('.btn2').click(function() { 
    $('.obj1').fadeOut(100); 
}); 

당신의 도움에 감사드립니다.

Answer 1

당신은 당신이 클릭 버튼에 fadeOut()를 호출하기 전에 큐를 삭제해야, 5000ms의 지연 대기가 어디에 때문에 애니메이션 큐입니다

$('.btn1').click(function() { 
    $('.obj1').fadeIn(100, function() { 
     $(this).delay(5000).fadeOut(100); 
    }); 
}); 

$('.btn2').click(function() { 
    $('.obj1').stop(true, true).fadeOut(100); 
}); 

데모 : 여기 Fiddle