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

Question

说我喜欢:

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

这实际上并没有加载图像,只是加载内容,你如何加载实际的图像呢？

有些人似乎并不理解:我的意思是它确实加载了图像但没有"预加载",这意味着你可以看到图像单独加载.

编辑:假设href等于somepage.html,该页面上有图像和内容,是的,它会加载图像和内容,但它实际上并没有预先加载图像,你仍然在见证图像单独加载.如何在请求本身中预加载图像？

Answer 1

试试这个:

1. 隐藏#contentdiv,然后调用load它.这将无形地加载内容,因此您的用户之后不会看到图像加载
2. load在每个图像上绑定事件处理程序,当它们全部触发时,重新显示#contentdiv

请参阅此答案以供参考:了解何时在AJAX响应中加载图像.它会告诉你到底该做什么.