延迟加载图像功能修改答案

【问题标题】：Lazy Load Images Function Modify延迟加载图像功能修改
【发布时间】：2012-09-18 06:48:02
【问题描述】：

我想为延迟加载插件修改 javascript 触发器 'ready' 和 'ajaxStop'

$(document).ready(function() {
    $("img.lazy").lazyload({
        threshold:50,
        skip_invisible : false,
        effect: "fadeIn"
    }).removeClass("lazy");
});

$(document).ajaxStop(function() {
    $("img.lazy").lazyload({
        threshold:50,
        skip_invisible : false,
        effect: "fadeIn"
    }).removeClass("lazy");
});

应该是这样的：

    $(document).any-possible-function(function() {
        ...
    });

为尽量减少代码，请帮忙修改。

【问题讨论】：

标签： javascript image function load lazy-evaluation

【解决方案1】：

不知道你想实现什么，但要尽量减少你的代码，这样写：

var lazyLoader = function() {
    $("img.lazy").lazyload({
        threshold:50,
        skip_invisible : false,
        effect: "fadeIn"
    }).removeClass("lazy");
};

$(document)
    .ready(lazyLoader)
    .ajaxStop(lazyLoader);

【讨论】：

我发现可以使用 $(document).each(function()，'each' 是否意味着它应该适用于每个功能，但是我尝试过但它不起作用跨度>
.each 方法适用于您选择中的每个元素，因此在您的情况下，选择将是document。你必须明确你想做什么。
我希望脚本启动lazyload() 用于任何文档触发器，即：$(document).*(function()（不仅适用于 ready 或 ajaxstop）
我认为 jQuery 中的函数太多了，因为自动执行此操作很有意义。可以读取所有可用的 $ 方法并附加layy 函数，但您最终会得到更多代码，就好像您手动将它们附加到所有需要的方法一样。您可以手动控制实际绑定延迟加载程序的方法。