無制限のスクロールjson新しい結果を得る

Question

私は情報の無制限のスクロールに取り組んでいます。

.each関数でsliceを使用するjquery関数が呼び出されました。デフォルトでは10ですが、スクロールすると2倍になります。

しかし、私はスクロールするたびに、新しいアイテムを追加してその下に同じものを追加します。

しかし、私は同じ10個のアイテムを持っており、10個以上の新しいアイテムがデフォルトのアイテム数よりも少なく表示されることを覚えています。

コード：

var win = $(window); 
// Each time the user scrolls 
win.scroll(function() { 
    // End of the document reached? 
    if ($(document).height() - win.height() == win.scrollTop()) { 
     $('#loading').show(); 

     getEvents(10 * 2); 

    } 
}); 

私はあなたから聞きたい、どうもありがとう！

Answer 1

Ajaxのレスポンスはわずか10品目ごとに呼び出し、その戻ります：getEvents（0,10）と

第一の呼び出しを。 10要素の配列を返します

2回目の呼び出しはgetEvents（10,20）で行います。次の10個の要素

を返す...

NはgetEvents（N * 10、N + 1 * 10）で呼び出します。あなたの関数で

はそう：

// on page load run : 
getEvents(10 , 20); 
// add counter 
var counter = 2; 
// Each time the user scrolls 
win.scroll(function() { 
    // End of the document reached? 
    if ($(document).height() - win.height() == win.scrollTop()) { 
    $('#loading').show(); 

    getEvents(counter * 10 , ++counter * 10); 

    } 
}); 

も、がスクロールイベントをデバウンスしてみてください。

このヘルプが必要です