javascript - 检查加载的图像jQuery

Question

我正在尝试检测何时在 div 中加载了一组图像。

if($("#venues-page").get(0)) {
    var img = $('#venues-page .venues img');
    var length = img.length;
    img.load(function(){
        length--;
        console.log(length);
        if(length === 0){
            console.log("here");
            $(".lattice").fadeIn(1000);
            $("#venues .venue a").css("display", "block");
            $("#venues-page .venues img").not('.lattice').fadeIn(500);
        }
    });
}

当图像缓存在浏览器中时，这似乎工作正常，但是如果用户在刷新后刷新后似乎永远不会在没有刷新的情况下加载图像之前没有访问过该站点。

有没有更好的方法来确保所有图像都加载到一个 div 中，并以此为基础做一些事情？

Answer 1

您可能在这里遗漏了一些代码。

1）您的代码应包含在

$(function(){ 


});

2）代替

img.load(function () {

尝试

img.one("load", function () {
OR 
img.on("load", function () {

我尝试使用您的代码并且效果很好。如果您仍然遇到任何问题，请告诉我。