0

所以我将一个图像列表加载到一个 jQuery Fancybox 中（大约 10 个图像，都在几个 mbs 下），它使 chrome 浏览器陷入困境，以至于无法使用。在我的进程列表中查看 chrome 显示，当它加载时，它从大约 165mb 内存跳到超过 250mb，当我将鼠标悬停在任何东西上时，它可以高达 300mb 以上。我不确定这是否是 fancybox 或 chrome 的已知问题，还是什么？我不确定我是否可以为此写一个小提琴。任何想法/意见表示赞赏。

花式盒：1.3.4

jQuery：1.8.3

小提琴：http: //jsfiddle.net/codephobia/zUWrb/

编辑：

我已经包含了一个 Fiddle 来展示一些使用的 css、html 和 javascript。这一切都很基本。输出的图像 html 如下所示：

<ul>
    <li data-width="60" data-height="60" data-photo="6889639425_49a61a9559_b_photo.jpg" data-thumb="6889639425_49a61a9559_b_thumb.jpg">
        <img src="../photos/contacts/6889639425_49a61a9559_b_thumb.jpg" width="100" height="100" border="0" alt="6889639425_49a61a9559_b_thumb.jpg">
        <div class="photo-details clearfix">
            <a href="#" class="photo-delete" data-id="">Delete</a>
            <a href="../photos/contacts/6889639425_49a61a9559_b_photo.jpg" class="photo-view" target="_blank">View</a>
        </div>
        <div class="check-icon"></div>
    </li>
</ul>
4

1 回答 1

0

在没有看到代码的情况下很难说出可能导致这种情况的原因，我建议使用 Chrome 浏览器开发者控制台（Windows 上的 Ctrl-Shift-I）中的“配置文件”功能来创建 JavaScript CPU 配置文件，这将向您显示哪一部分你的 JS 代码占用了 CPU。

于 2013-01-25T16:00:25.440 回答