1

基本的に、要素を一定時間「点滅」させてから初期状態に戻すページがあります。jquery UI を使用すると、addClass() および removeClass() メソッドをアニメーション化できます。

 $this.addClass('success', 400);

その後

 setTimeout(function(){                 

     $this.removeClass('success', 400);

 }, 1000);

クラス「成功」には

background-color: green

最初の作品。ただし、 setTimeout 内の removeClass() は、アニメーションを一切実行せずにクラスを削除するだけです。これは何が原因ですか？

4

1 に答える 1

4

おそらく、 .delay()などの便利なメソッドを使用しますか?

$('button#test_add').click(function() {
    $('#content').addClass('success', 400);
});

$('button#test_remove').click(function() {
    $('#content').delay(1000).removeClass('success', 400);
});

そして、ここにJSFiddleがあります。

于 2012-06-29T15:23:42.967 に答える