如何使用isotope.js将infinitescroll.js与WordPress组合挂钩

时间:2013-06-15 02:56:17

标签: jquery wordpress infinite-scroll lightbox2

我一直在努力用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 ));
    }

);

感谢您的帮助!

0 个答案:

没有答案