jQuery：预加载一组图像，但前提是没有其他内容加载

Question

是否可以使用 jQuery 来识别浏览器当前是否未加载任何内容，我的意思是加载图像和 .load Ajax 调用等。

我想要实现的目标是秘密（隐藏）预加载一组图像（重量较重）在后台运行，但不会分散其他加载进程的注意力。这意味着它们只会在浏览器没有其他事情可做的情况下预加载，并且在其他内容开始加载时也会停止预加载..

有什么建议吗？

Answer 1

查看 Ajax 事件，特别是 ajaxStop 全局事件。至于了解图像何时完成加载， load可以使用事件。例如：

$("#myImage").load(function() {
    alert("image has completely loaded!");
});

将它们放在一起：

$("selector").ajaxStop(function(event,request,settings){
    var $img = $('<img src="foo.jpeg" id="myImage"/>');
    $img.load(function() {
        alert("image has completely loaded!");
        $("div").append($(this));
    });
});