轨道+砌体+轨道错误以了解更多

Question

大家早上好，所以，我在轨道和这两个插件方面遇到了问题，首先我不知道如何限制砖石中要执行的 #post 数量，我没有找到这个，其他是我的集成，砌体和无限滚动不起作用，我做了这个：

//= require jquery.masonry.min
//= require jquery.infinitescroll.min

jQuery(document).ready(function () {
    var $container = $('#content');
    $container.imagesLoaded(function () {
        $container.masonry({
            itemSelector:'#post',
            isAnimated:true,
            animationOptions:{
                duration:750,
                easing:'linear',
                queue:false
            }
        });
    });
    $container.infinitescroll({
            navSelector  : "#pag-nav",
            // selector for the paged navigation (it will be hidden)
            nextSelector : "#pag-nav a",
            // selector for the NEXT link (to page 2)
            itemSelector : "#content div#post"
            // selector for all items you'll retrieve

        },
        // trigger Masonry as a callback
        function( newElements ) {
            var $newElems = $( newElements );
            $container.masonry( 'appended', $newElems );
        }
    );
})

砌

体有效，但无限滚动不行，我在砌体页面中制作链接：

  <div id="pag-nav">
    <a href="#">Carregar mais</a>
  </div>

我的导轨加载所有帖子

@posts = 发布所有我不知道我在哪里将帖子限制在 exibe 和无限滚动没有出现动漫，有人可以帮助我非常重要，谢谢。

Answer 1

你需要使用分页。为此，您可以使用 kaminari

此外，您必须在每个页面上添加控制器元素，例如20：

@posts = Post.all.page(params[:page]).per(20)

我建议将此宝石用于砖石：

https://github.com/kristianmandrup/masonry-rails

它更完整，您可以保持资产有序。

问候