jquery - 通过 AJAX 加载内容和预加载图像？

Question

假设我喜欢:

$(function() {
    $('a').click(function(e) {
        e.preventDefault();
        var h = $(this).attr('href');
        $('#content').load(h);
    });
});

实际上并没有加载图像，它只是加载内容，你如何加载实际图像？

有些人似乎不明白:我的意思是它确实加载图像但不“预加载”，因此意味着您会看到图像单独加载。

编辑:假设 href 等于 somepage.html 并且该页面上有图像和内容，是的，它会加载图像和内容，但实际上不会预加载即使没有图像，您仍然会看到图像单独加载。如何在请求本身中预加载图像？

Answer 1

试试这个:

1. 隐藏#content div，并对其调用load。这将以不可见的方式加载内容，这样您的用户就看不到随后加载的图像
2. 在每个图像上绑定(bind) load 事件处理程序，当它们全部触发后，重新显示 #content div

请参阅此答案以供引用:Know when images are done loading in AJAX response 。它将准确地告诉您该做什么。