检查加载的图像jQuery

时间:2012-12-13 12:02:51

标签: javascript jquery

我正在尝试检测何时在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中,并根据该内容执行操作?

1 个答案:

答案 0 :(得分:0)

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

1)您的代码应该包含在

之下
$(function(){ 


});

2)而不是

img.load(function () {

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

我尝试使用您的代码并且运行正常。如果您仍然遇到任何问题,请告诉我。