jquery - WordPressポートフォリオのisotope.jsでinfinitescroll.jsを接続する方法

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

);

助けてくれてありがとう！