jQuery fadeIn延迟fadeOut，立即按下fadeOut按钮

Question

我想fadeIn对象，然后延迟和fadeOut对象，并点击按钮立即fadeOut对象。FadeIn延迟fadeOut工作，但第二个按钮为立即fadeOut no。

以下代码不起作用：

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

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

谢谢你的帮助。

Answer 1

因为动画队列中有5000 is的延迟排队，所以在按2键调用fadeOut()之前，需要清除队列。

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

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

演示：小提琴