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

Question

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

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

有什么建议么？

Answer 1

看看Ajax Events，尤其是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));
    });
});