jQueryのhtmlの（）とInternet Explorerの問題

Question

JSスクリプト：

function ShowUploadingAnimation() 
{ 
    $('#info_msg').html("<div style=\"padding-top: 15px; height: 50px;\" align=\"center\"><img id=\"uploading-img\" /></div>"); 
    $("#uploading-img").attr({ src: "images/uploading.gif", alt: "Uploading" }); 
} 

とHTMLの使用状況：

<input type="submit" value="Upload" onclick="ShowUploadingAnimation();"> 
<div id="info_msg"></div> 

だから私の問題は、次のとおりである。この方法は、Firefoxで[OK]を動作しますが、中にInternet Explorerのgifファイルが読み込まれますが、アニメーション化されず、静的なものです...ボタンがクリックされるたびにランダムなフレームのみを表示します。助言がありますか？

Answer 1

これは、xhrが&ファイルのアップロード中に画像を表示/非表示にしているとき、ieおよびアニメーションgifでよく知られている問題です。 コメントにはRicks Strahl blog postの解決策がたくさんあります。たぶんそれらのうちの1つがあなたのために働くでしょう。

Answer 2

簡単なトリックは、これをiframeに入れます。 <の代わりにimg src = ''>を使用してください。< iframe src = ''> </iframe>