jQuery：slideUp.delay.slideDown - 使用按钮取消？

Question

我不明白为什么这行不通。

function notificationBoxOutput(type, message) {
    var noteBox = $('.notificationBox');

    noteBox.slideDown( function() {
        noteBox.delay(2500).slideUp();
    });
}

function notificationBoxCancel() {
        console.log('successfully fired');
    $('.notificationBox').slideUp();
}

因此，我调用函数 notificationBoxOutput 来在屏幕顶部添加一个提供一些反馈的状态栏。条向下滑动，保持 2.5 秒，然后向上滑动。

该栏本身包含一个更近的图标，单击时会触发 notificationBoxCancel。因此，用户可以以比 2.5 秒更快的速度关闭栏。然而，更接近的方法不起作用。控制台显示“成功触发”，但盒子没有 slipUp()。 hide() 确实有效！ fadeOut() 和 SlideUp() 则不然。

知道为什么吗？

Answer 1

您应该在向上滑动之前 .stop() 动画。尝试这样的事情：

function notificationBoxCancel() {
        console.log('successfully fired');
    $('.notificationBox').stop().slideUp();
}

Answer 2

我认为这是因为动画已排队。尝试在 slideUp 之前调用 stop：

function notificationBoxCancel() {
        console.log('successfully fired');
    $('.notificationBox').stop(true,true).slideUp();
}