(jquery .htmlを使用して)大量のコンテンツをdomに追加すると、gifアニメーションの読み込みがスタックします。
これが例です。ボタンをクリックすると、コンテンツが追加される前に、アニメーションがスタックします。解決策はありますか?ありがとう!!
javascript:
$('#spinner').html('<img src="ajax-loader.gif" />');
$("input").click(function(){
var html = '';
for(var i = 1; i <= 100000; i++){
html += "this is " + i + "-----------";
}
$("#content").html(html);
$("#spinner").hide();
});
HTML:
<div id="spinner" class="spinner">
</div>
<input type="button" value="clike me" />
<div id="content"></div>