jquery - 如何将infinitescroll.js 与isotope.js 连接起来用于WordPress 产品组合

Question

我一直在用 wordpress / isotope.js / Lightbox2 制作一个投资组合，现在我正在尝试将infinitescroll.js 添加到组合中，唉，无济于事。

到目前为止，我只有一堆乱七八糟的代码......

其次，这是我运行的一些代码。

//Isotope settings
var $container = jQuery( '#projects' );

$container.imagesLoaded( function() {   
    $container.isotope({    
        itemSelector : '.isotope',
        resizable : false,
        masonry : { columWidth: $container.width() / 3 }
    });

});

// infinite scroll
$container.infinitescroll({
    navSelector  : '#project-nav',
    nextSelector : '#project-nav a',
    itemSelector : '.isotope',
    loading: {
        finishedMsg: 'No more projects.',
        msgText: "Loading more projects ...",
        img: TEMPLATE_URI + '/images/loader.gif'
    }   
},

    function( newElements ) {   
        $container.isotope( 'appended', jQuery( newElements ));
    }

);

感谢您的任何帮助！