スピナーGIFを含むjQueryUIダイアログを表示しようとしていました。元々、GIFはHTMLで静的にコーディングされていました。
<div id="LoadingDiv" style="display:none; text-align: center">
<img alt="Loading..." src='/Content/images/ajax-loader.gif' />
</div>
ただし、IEには、jQueryUIダイアログでGIF画像を正しくアニメーション化できないという既知の問題がありました。そのため、要素を動的にimg
要素に追加することにしましたdiv
。
$("#FilterForm").submit(function (){
$("#LoadingDiv").html($("<img>").attr({
'id':'spinner',
'alt':'Loading...',
'src': '@Url.Content("~/Content/images/ajax-loader.gif")'
}));
$("#LoadingDiv").dialog("open");
});
これにより、システムにいくつかの奇妙なバグが発生しました。フォームを送信すると、GIFが表示される場合と表示されない場合があります。誰かが助けることができますか?