jetpack无限滚动和同位素重新布局

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 );

} );