javascript - jQuery .fadeTo() を複数回使用することは可能ですか?

Question

特定のボタンが押されるたびに div タグで警告メッセージを送信するようにスクリプトを作成しようとしています。私のdivタグはテーブル内にあり、折りたたまれたくないので、fadeToを使用することにしました。ただし、最初のプレスの後、後続のプレスはもう機能しないようです。誰もこれに対する回避策を知っていますか?

これが私の警告コードです：

$("#warning").html("The value is too low!").css('color','red').fadeTo(10000,0);

Answer 1

の最後でfadeTo、要素の不透明度は0です。0再開するには、不透明度を 100 にリセットし0ます。:-)

例えば：

$("#warning")
    .html("The value is too low!")
    .stop()            // <=== New bit: Stop the animation if it's running
    .css({
      'opacity': 1,    // <=== New bit: Reset the opacity
      'color': 'red'
    })
    .fadeTo(10000,0);

実例| ソース(10 秒ではなく 1 秒を使用)

Answer 2

div を再度表示する必要があります。

$("#warning").show().html("The value is too low!").css('color','red').fadeTo(10000,0);

Answer 3

もう 1 つの方法は、代わりに不透明アニメーションを使用することです。

$("#warning").html("The value is too low!").css({
    color : 'red',
    opacity : 1
}).stop().animate({
    opacity : 0
}, 1000);

デモ: http://jsfiddle.net/SDWmn/1/