javascript - fadeOut 只触发一次

Question

我正在使用 jquery 来显示一个错误 div，其定义为：

<div id="Div1" style="color: Black; background-color:Orange; font: bold small 'trebuchet ms',helvetica,sans-serif;"></div>

在错误方法中，我按如下方式调用错误 Div：

$("#Div1").html('');
$("#Div1").html('Failed to upload. Please try again.').fadeOut(2000, function () { $(this).remove(); });

问题是错误 div 只被调用一次。我错过了什么？

Answer 1

最好使用 .text 而不是 .html，试试这个：

$("#Div1").text('Failed to upload. Please try again.').fadeOut(2000, function () {
    $(this).text('').show(); 
});

因为 .html() 是为了添加 html 内容。从jquery手册：

.html( html字符串 )

htmlString 要设置为每个匹配元素的内容的 HTML 字符串。

见：http ://api.jquery.com/html/#html2

Answer 2

尝试淡出功能：

$("#Div1").html('');
$("#Div1").html('Failed to upload. Please try again.')
 .fadeOut(2000, function () { $(this).html('').show(); });
});

Answer 3

试试这个

这是一个更新

$("#Div1").html('Failed to upload. Please try again.').fadeOut(2000, function () {
        $(this).html('').show(); 
});