jQuery

jQueryでfadeOutの後にremove

More than 5 years have passed since last update.

要素をフェードアウトした後に削除しようと、


sample.js

$(this).fadeOut('fast').remove();


としてみたところ、

フェードアウトせずにそのまま消えてしまった。

ちょっと調べてみると、処理を待つキューに入る処理と入らない処理があるとのこと。

エフェクト系は概ね入るようだけど、remove()はキューに入らない。

キューに入れるには.queue()を使う。


sample.js

$(this).fadeOut('fast').queue(function() {

this.remove();
});

これでフェードアウトを待って削除できる。