谷歌Pagespeed lazyload jquery砌体冲突

时间:2016-03-14 12:03:56

标签: javascript jquery lazy-loading jquery-masonry pagespeed

在我的网站上有一个灵感库,图片位于jQuery Masonry。从今天开始,我在我的服务器上激活了Google Pagespeed lazyload module,根据文档的说明,它的工作原理如下:

  

lazyload_images过滤器会延迟加载图像,直到它们变为   在客户端的视口中显示或页面的onload事件触发。

视口内的图库项目正确显示,但不在外面:

enter image description here

砌体脚本不再计算正确的高度。那么有没有人知道我可以改变以正确的顺序运行脚本。

我按如下方式运行砖石工程:

jQuery( document ).ready( function( $ ) {

    // Window on load
    $( window ).on( 'load', function( e ) {

        // Masonry on inspiration gallery
        $( '#pins_masonry' ).masonry({
            itemSelector: '.pin-masonry'
        });

    });

});

0 个答案:

没有答案