不确定为什么 jQuery .animate 会导致浏览器崩溃答案

【问题标题】：Unsure why jQuery .animate is crashing browser不确定为什么 jQuery .animate 会导致浏览器崩溃
【发布时间】：2011-03-04 19:25:22
【问题描述】：

我有一个网站，主页上有大量图片缩略图（目前约为 500 个）。每个图像都很小，大约 200 像素 x 150 像素（但具有不同的纵横比）。文件大小也很小（每个大约 10-20k）。

我有两个按钮来调整缩略图的可见大小（大：200px 高度和小：100px 高度）。

我决定使用 jQuery .animate 函数，用 0 秒的动画来调整这个并保持每个图像的比例：

$('#small_thumbnails').click(function(){
    $('.thumbnail').animate({height: '100'}, 0);
    return false;
});

由于某种原因，这会导致浏览器无响应并导致页面崩溃。是因为图片数量多吗？我打算实现延迟加载以减少页面上的图像，但不再支持延迟加载。我也可以只编写新的 js 来执行此操作，但对为什么动画功能无法使用感到困惑。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

您是否尝试过使用 height: '100px' ？那将是正确的语法，虽然我不知道为什么这会使浏览器崩溃。

同样调用.animate，持续时间为0与设置css相同，所以只需使用.css，它的性能会好很多。

【讨论】：