0

ユーザーがステータス/画像などを投稿できるFBのようなストリームに取り組んでいます

FB のように、ホームページ (下側) にスクロールすると表示されるプリローダー画像を表示し、次の投稿、プリローダー画像、投稿などを自動的に表示したいと考えています。

今のところ、デフォルトで 20 件の投稿を表示し、次の投稿を表示するための [表示] ボタンを使用しています。

以下は私のHTML構造です

<div class="item Row mydiv StreamHide StreamBox">
//Posts 
//posts
</div>

そして、これが私がいくつかの投稿を非表示にしている方法です

   $('.mydiv').each(function (index) {
                if (index <= 20) {
                    $(this).removeClass('StreamHide');
                    $(this).addClass('StreamShow');

                }
            });

FB のような自動表示機能を実現するにはどうすればよいですかFBオートプリローダー

4

1 に答える 1

0

この機能を実装するには、無限スクロール プラグインを使用できます。

設定方法は次のとおりです。

$('#content').infinitescroll({

    // selector for the paged navigation (it will be hidden)
    navSelector  : "div.navigation",

    // selector for the NEXT link (to page 2)
    nextSelector : "div.navigation a:first",

    // selector for all items you'll retrieve
    itemSelector : "#content div.post"          

});

プラグインでの使用方法の多くの例が含まれているため、 もfollowing article役立つ場合があります。

于 2013-01-15T08:25:16.107 に答える