jquery - jQuery キュー - 同じオブジェクトに対する 2 つの個別のアニメーション

Question

サイト全体の通知を可能にする小さなプラグインを作成しています。

通知 (デフォルト オプション) は、1 秒以上フェードアウトする前に 6 秒間待機 (遅延) します。

しかし！手動でクリックすると、すぐに 0.5 秒間フェードアウトします。

これが私の問題です。

通知をクリックすると、フェードアウトする前に 6 秒の遅延が発生します。すぐにしてほしい。これはキューで行う必要があることに気付きましたが、どうにか理解できません。これが私がこれまでに持っているものです：

$('#wpnotify')
    .click(function() {
        $(this).fadeOut(this.options.manualFade.dur, function() {
        $(this).remove();
    });
});


if (this.options.autoFade != false)
    $('#wpnotify')
        .delay(this.options.autoFade.delay, 'autoclose')
        .queue('autoclose', function(next) {
            $(this).fadeOut(this.options.autoFade.dur, function() {
                $(this).remove();
                    next();
                });
         }).dequeue('autoclose');

Answer 1

.stop(true,true)キューを停止し、すぐに終了するために使用します。

$('#wpnotify')
    .click(function() {
        $(this).stop(true,true).fadeOut(this.options.manualFade.dur, function() {
            $(this).remove();
        });
    });