javascript - jQuery 检查图像的延迟加载插件初始化

Question

我使用 jQuery 延迟加载图像插件 www.appelsiini.net/projects/lazyload。

HTML:

 <img class="img-thumbnail mag-thumbnail img-responsive lazy" width="129" height="177" data-original="http://localhost/cms/cache/images/129x177-1231234.png" src="http://localhost/cms/cache/images/129x177-1231234.png" >
 <img class="img-thumbnail mag-thumbnail img-responsive lazy" width="129" height="177" data-original="http://localhost/cms/cache/images/129x177-123.png" src="http://localhost/cms/cache/images/129x177-123.png" >
 <img class="img-thumbnail mag-thumbnail img-responsive lazy" width="129" height="177" data-original="http://localhost/cms/cache/images/129x177-1234.png" src="http://localhost/cms/cache/images/129x177-1234.png" >

JS:

$(document).ready(function() {
    $("img.lazy").lazyload({
        effect : "fadeIn"
    });
});

如何确保延迟加载适用于我的图像？!

Answer 1

在浏览器开发者控制台中输入:

 typeof($("img").lazyload) === "function"

如果您看到页面中启用了 true 延迟加载插件。