Javascript 惰性加载不适用于由传单/mapbox添加的图像

我有一个网站，主页上有。底部有一个导航栏，在填充地图的其余部分时，它会从geojson文件中附加一些图像

我正在尝试使用将延迟加载应用于这些图像。我正在测试的网站版本是，它用于生成所有内容

由于某些原因，我无法将这些图像延迟加载。我没有将其应用于“lazy”类，而是将其应用于我已经拥有的“navthumb”类。我已经尝试了其他一些延迟加载插件（另一个主要插件是depresence），我也尝试了从基本插件中剥离所有内容并重新构建它。这个问题是因为我让lazy_art.js将图像添加到导航条的方式吗

---

提前感谢您的帮助。

在调用脚本之前，您已将对lazyload的调用放在html页面中

$(function() {
    $("img.navthumb").lazyload();
});

调用此选项时，尚未创建缩略图

因此，您必须将此调用移动到lazy_art.js

var oneArtPlease = L.mapbox.featureLayer()
    .loadURL('art.geojson')
    .addTo(map);

oneArtPlease.on('ready', function() { 
   $("img.navthumb").lazyload();
}); 

---

参考：

感谢您的回复。缩略图实际上稍后加载到.js文件中（底部有一条注释）。我试着把lazyload（）移到你说的地方，也移到了最后（现在的位置），但还是不起作用。不过，我非常感谢你的帮助。在这个项目中，我一直在根据需要学习js，我想在这个问题上我可能有些不知所措。对不起，我忽略了你的问题。我已经用正确的代码更新了答案（希望如此）谢谢！这绝对是一个改进，因为现在图像已经加载了，但是我认为这个插件对于我如何使用它可能并不理想。第一个映像只在您转到边缘并返回时加载，python的simplehttpserver日志似乎表明它们从一开始就在加载。插件页面有一些水平延迟加载的示例，我可能需要参考。无论如何，这对我非常有帮助，因为现在我明白为什么它根本不起作用了。再次感谢，你说得对。目前，lazyload插件的行为与您在站点上预期的不同。我在这里做的事情非常相似（）。看看源代码。你可能会发现你这边出了什么问题。幸运的是，这非常相似。我以后一定会看看代码。谢谢