懒散负载不处理传单/mapbox添加的图像

Question

我有一个网站，http://atlantaartmap.com，主页由http://atlantaartmap.com/art.js填充。在底部有一个导航栏，在填充地图的其余部分时，它会追加来自geojson文件的许多图像。

我试图使用http://www.appelsiini.net/projects/lazyload对这些映像应用延迟加载。我正在测试这个网站的版本是在http://atlantaartmap.com/lazy.html，它使用art.js生成所有东西。

由于某些原因，我无法将这些图像延迟加载。我不是将它应用于“懒惰”类，而是将其应用到我已经拥有的“导航拇指”类中。我已经尝试过其他一些懒惰的加载插件(揭开面纱是主要的另一个插件)，我也尝试过把所有的东西从基础上剥离出来，然后重新构建它。这个问题是因为我让lazy_art.js将图像添加到导航条上的方式造成的吗？

提前感谢您的帮助。

Answer 1

在调用脚本之前，您已经将对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();
}); 

参考文献：layer.js#L54