jQuery 状态消息（类似于 Twitter）

Question

我正在创建一个具有以下属性的状态消息栏：

• 滑入视野。一段时间后消失。
• 如果触发了另一条状态消息，当前可见的状态消息会滑出视图，然后新的状态消息会滑入视图。

我遇到的问题是淡出。淡出动作似乎没有出队，因此先前的淡出将应用于随后的状态消息。知道如何解决这个问题吗？

function status_message(message, type, long_display) {
    if (!type) {
        type = SUCCESS;
    }
    var $status_message = $("#status_message");
    long_display ? display_time = 9000 : display_time = 3250;
    if ($status_message.is(":visible")) {
        $status_message.queue("fx", []).animate({top:-$(this).outerHeight()}, 500, "easeInCubic");
    }
    $status_message.show().queue(function() {
        $(this).html(message).css({'top': -$(this).outerHeight()}).addClass(type).dequeue();
    }).animate({top:"0px"}, 750, easing).delay(display_time).fadeOut(500, function () {
        $(this).animate({top:-$(this).outerHeight()}, 500, "easeInCubic").addClass(type);
    });
}
function status_message_hide() {
    $status_message.queue("fx", []).fadeOut(500, function () {
        $(this).animate({top:-$(this).outerHeight()}, 500, "easeInCubic");
    });
}

Answer 1

.stop() 如果我理解正确的话应该这样做

http://api.jquery.com/stop/