jquery - IE7 抛出 jQuery 的 'Stack overflow at line: 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 事件，然后更改图像 SRC，以便 onload 将再次触发。它处于无限循环中，因此您会遇到堆栈溢出。

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