Lazyload和Masonry在移动设备上

时间:2018-01-11 04:42:48

标签: masonry lazyload

我的代码在桌面上运行得非常好,但我在手机上拍摄的图片需要很长时间才能加载,有时根本不加载...任何帮助?

的.js (function(a) { var b = a(".grid").masonry({ itemSelector: ".grid-item", columnWidth: 306, fitWidth: !0, transitionDuration: 0 }); b.imagesLoaded().progress(function() { b.masonry("layout"); a(".loading").hide(); a(".grid").show(); }); a(document).ready(function() { a("img.imgload").lazyload({ threshold: 430, failure_limit: 10 }); }); })(jQuery);

html的

<div class="loading"></div>
<div class="grid">
<div class="grid-item"><a href="blablabla" class="main"><img class="imgload" src="/img/dummy.jpg" data-original="blablabla" width="300" height="420"></a>
</div>
</div>

的CSS .loading {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background: url(/img/modal-loader.gif) center no-repeat #fff }

1 个答案:

答案 0 :(得分:1)

我发现了这个问题:

    a(document).ready(function() {