0

大家早上好，所以，我在 rails 和这两个插件方面遇到了问题，首先我不知道如何限制 #post 的数量以在 masonry 中存在，我没有找到这个，其他是我与 Masonry 和无限滚动不起作用，我这样做：

//= 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 = Post.all 我不知道我在哪里将帖子限制为 exibe 并且无限滚动不会出现，请有人可以帮助我非常重要，谢谢。

4

1 回答 1

1

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

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

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

我建议将此宝石用于砌体：

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

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

问候

于 2013-01-27T15:29:12.897 回答