IE7引發jQuery的'堆棧溢出行：0'錯誤

Question

我在jQuery 1.7.2上有一個小腳本。本質上，它顯示縮略圖，然後用完整圖像替換一次已加載的縮略圖。

<img src="http://site.com/thumbnail.jpg" data-original="http://site.com/original.jpg" class="preload"> 

在jQuery的，我只是有：

$('.preload').load(function(){ 

    $(this).attr('src', $(this).attr("data-original")); 

}); 

其中一期工程上的瀏覽器如Firefox，Chrome和IE8甚至罰款。然而，IE7將繼續拋出

Stack overflow at line: 0 

錯誤（乘以具有預加載類元素的個數）。

如果我從圖像中刪除類，錯誤不會顯示。

感謝

Answer 1

您對圖像的onload執行事件，然後chanign圖像SRC所以onload事件會再次觸發。它在無限循環，所以你越來越堆棧溢出。

$('.preload').load(function(){ 
    if($(this).attr('src') != $(this).attr("alt")){ 
     $(this).attr('src', $(this).attr("alt")); 
    } 
    });