0

皆さん、おはようございます。レールとこの 2 つのプラグインに問題があります。まず、石積みで公開する #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 = Post.all 投稿を exibe に制限する場所がわからず、無限スクロールが表示されません。誰かが私を助けてくれます。ありがとうございます。

4

1 に答える 1

1

ページ付けを使用する必要があります。この目的のためにあなたはカミナリを使うことができます

また、ページごとにコントローラー要素を追加する必要があります。次に例を示し20ます。

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

この宝石を石積みに使用することをお勧めします。

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

それはより完全であり、あなたはあなたの資産を注文し続けることができます。

よろしく

于 2013-01-27T15:29:12.897 に答える