jquery - delay() が機能しないのはなぜですか?

Question

コード：

<div id="Test">test</div>

$('#Test').delay(5000).html('').hide('slow');

5 秒後に DIV を閉じる必要がありますが、すぐに閉じます。

5秒後に閉じるようにするには、何を変更する必要がありますか?

Answer 1

delay()は、キューを使用して実行されるメソッドのみを遅延させます (animation()、fadeIn() など)。

タイマーを設定して、キュー内の後続のアイテムの実行を遅らせます。

setTimeout を使用する

setTimeout(function(){
    $('#Test').removeClass("test1").removeClass("test2").html('').hide('slow');
}, 5000)

またはqueue()を使用して後のコードの実行を遅らせます

$('#Test').delay(5000).queue(function(){
    $(this).html('').hide('slow');
})