1

私はGitHubから入手したコードをここに持っています。その Jquery スクロール ページネーション プラグインです。

https://github.com/andferminiano/jquery-scroll-pagination/tree/master

ジャバスクリプト

$(function(){
    var count=$('#existing_campaign li').length;
    $('#existing_campaign').scrollPagination({
        'contentPage': '/cs_directory/helpers/campaigns_and_chats.php', // the url you are fetching the results
        'contentData': {"count":count}, // these are the variables you can pass to the request, for example: children().size() to know which page you are
        'scrollTarget': $(window), // who gonna scroll? in this example, the full window
        'heightOffset': 10, // it gonna request when scroll is 10 pixels before the page ends
        'beforeLoad': function(){ // before load function, you can display a preloader div
            $('#loading').fadeIn();
            alert($('#existing_campaign li').length);
        },
        'afterLoad': function(elementsLoaded){ // after loading content, you can use this function to animate your new elements
             $('#loading').fadeOut();
             var i = 0;
             $(elementsLoaded).fadeInWithDelay();
             if ($('#existing_campaign li').length > 1000){ // if more than 100 results already loaded, then stop pagination (only for testing)
                $('#nomoreresults').fadeIn();
                $('#existing_campaign').stopScrollPagination();
             }
        }
    });

    // code for fade in element by element
    $.fn.fadeInWithDelay = function(){
        var delay = 0;
        return this.each(function(){
            $(this).delay(delay).animate({opacity:1}, 200);
            delay += 100;
        });
    };        
});

理由はわかりませんが、関数をアクティブにして contentPage からリストを追加した回数に関係なく、処理のために contentPage に送信した後も contentData に同じ値を取得し続けます。

キャッシュの問題だと思いますが、キャッシュをクリアする方法がわかりません。.scrollPagination のオプションとして挿入しようとしましたが、うまくいきません。

どうやってこれを乗り切るんだろう。これを行うことができることはわかっていますが、それ以外<li>の場合は、コンテンツ ページから をグループ化して少しずつ表示するにはどうすればよいですか?

ドキュメントはそのオプションについて少し不足しているので、答えを探してここに来なければなりません. うまくいけば、誰かがいくつかの答えを提供できます。

4

1 に答える 1