javascript - jQuery 可以多次使用 .fadeTo() 吗？

Question

我正在尝试编写一个脚本，以便每次按下特定按钮时，我都想在 div 标签中发送一条警告消息。我决定使用 fadeTo，因为我的 div 标签在表格内，我不希望它折叠。但是，似乎在第一次按下之后，任何后续按下都将不再起作用。有谁知道这个的解决方法？

这是我的警告代码：

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

Answer 1

在 的末尾fadeTo，元素的不透明度为0。要重新开始，请将不透明度重置回 100，否则它会尝试从 to 动画0，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);

实例| 来源（使用一秒而不是十秒）

Answer 2

您将不得不再次显示 div：

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

Answer 3

另一种方法是改用不透明动画：

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

演示：http: //jsfiddle.net/SDWmn/1/