scroll - 喷气背包无限滚动和同位素重新布局

Question

无限滚动添加新元素时如何重新布局页面。

jetpack 说你可以用这个事件重新布局页面。（我们在添加帖子后触发一个事件。要使用此事件，只需在 document.body 上触发 post-load 事件即可：）

( function( $ ) { $( document.body ).on( 'post-load', function () { // New posts have been added to the page. } ); } )( jQuery );

如何用同位素重新布局页面。我正在使用同位素进行砌体布局。

Answer 1

$( document.body ).on( 'post-load', function () {
    $container.masonry().isotope( {
        resizable: true,
        itemSelector: '.grid-item',
        layoutMode : 'masonry',
        gutter: 0
    } );
    $container.isotope('reloadItems');
    isotope( 'reLayout', true );

} );