fadeOut只开了一次

Question

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

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

在错误方法中，我按如下方式调用Error 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（htmlString）

     

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

请参阅：http://api.jquery.com/html/#html2

Answer 2

尝试使用fadeOut函数：

$("#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(); 
});