javascript - jQuery 检查 lazyload 插件初始化图像

Question

我使用 jQuery lazyload 图像插件 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"
    });
});

如何确保 lazyload 对我的图像有效？!

Answer 1

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

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

如果您看到页面中启用了 true lazyload 插件。