[jQuery]addClassを指定時間遅らせる記述。 - スニペット | WordPress・jQuery・HTML・CSSのスニペット集 WEBCRE8TOR.COM

WEBCRE8TOR.COM

[jQuery]addClassを指定時間遅らせる記述。

jQueryのanimateは.delay()を使えば実行を遅らせることができますが、addClassには.delay()は効きません。時間をおいてaddClassを実行させるのなら、.queue()と.dequeue()を使ってみましょう。

sample.js

$(function() {
  $('div').delay(1000).queue(function() {
    $(this).addClass('active').dequeue();
  });
});

これは、<div>に対して「active」というclassの付与の実行を1秒間遅らせる記述です。

参考:addClassを時間を置いて実行 – Qiita

WEBCRE8TOR.COM

SEARCH

PAGES

CATEGORY

ARCHIVE

LINK

CLOSE