Question

我在我的主页上使用过滤后的投资组合。我用一个小教程实现了同位素，但是我无法将它与无限滚动结合起来。

对于使用此代码的同位素I：

jQuery(document).ready(function () {
var $container = jQuery('.fix-portfolio .items');
$container.imagesLoaded(function () {
    $container.isotope({
        itemSelector: '.item',
        layoutMode: 'fitRows'
    });
});

$container.infinitescroll({
navSelector: ".pagination",
nextSelector: ".pagination a[rel=next]",
itemSelector: ".item",
    loading: {
        finishedMsg: 'No more items to load.',
        img: 'http://i.imgur.com/qkKy8.gif'
    }
}, function (newElements) {
$container.isotope('appended', $(newElements));
});


jQuery(window).on('resize', function () {
    jQuery('.fix-portfolio .items').isotope('reLayout')
});

插件已加载，我的控制台中没有显示错误。我是否可以将其加载为自定义查询？

if ( $portfolio_query->have_posts() ) : while ( $portfolio_query->have_posts() ) : $portfolio_query->the_post();
endwhile;else :endif;wp_reset_query();
            ?>

我希望我能够以更详细的方式解释我的所作所为。我也很困惑为什么我需要定义导航选择器，因为我认为页面是自动加载的，当我滚动到容器的末尾时（对不起，正如我已经提到的，我是一个新的js newby）。谢谢你的帮助！问候，卡拉

Answer 1

使用Isotope可以进行无限滚动，但是如果没有看到更多代码，很难说出代码的问题所在。如果您正在寻找有关如何使用Isotope实现无限滚动的信息，请查看以下链接：http://isotope.metafizzy.co/v1/demos/infinite-scroll.html。

为了使无限滚动能够与Isotope一起使用，您需要使用append方法与Paul Irish的Infinite Scroll插件一起显示其他帖子。 Isotope的开发人员David DeSandro提到了这个特殊的插件。

同位素具有无限滚动

1 个答案: