javascript - フェードアウトは一度だけ発生しました

Question

次のように定義されているエラー div を表示するために jquery を使用しています。

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

error メソッド内で、次のように Error Div を呼び出します。

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

問題は、エラー div が一度だけ呼び出されることです。私は何が欠けていますか？

Answer 1

.htmlの代わりに.textを使用することをお勧めします。これを試してください：

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

フェードアウト機能を試してください：

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