向dom添加內容時GIF動畫卡住

當向dom添加大量內容（使用jquery .html）時，加載gif動畫卡住了。向dom添加內容時GIF動畫卡住

這裏是Example。當點擊按鈕時，在添加內容之前，動畫會卡住。任何解決方案謝謝！！

的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>

來源

2012-11-28 Jia

解決方案是不添加一個巨大的字符串到dom – Ibu

這不會爲我鎖定動畫...但是，循環功能100,000次會導致瀏覽器窒息... – teewuane

你可能會推你的機器能處理計算的界限，並這樣您的瀏覽器去優先動畫GIF爲了處理追加新的DOM數據。

試着找到一種不同的方式來包含所需的數據......也許只是把它放在一個JSON對象中。

來源

2012-11-28 18:13:51 adamb

向dom添加內容時GIF動畫卡住

回答

相關問題