配列データの無限ページング

Question

私は500を超えるエントリを持つ大きな配列を持っています。構造は、そのようなものです：

 Array 
     (
     [result] => Array 
     (
     [mounts] => Array 
      (
       [0] => Array 
        (
         [name] => Test0 
         [spellId] => 230401 
         [creatureId] => -73991 
         [itemId] => 142369 
        ) 

       [1] => Array 
        (
         [name] => Test1       
         [spellId] => 61447 
         [creatureId] => 32213 
         [itemId] => 44234 
        ) 

        ..... 

私はそのようなforeachので配列件のデータを取得：

私は無限のページングをしたいです。したがって、ユーザーがページの終わりに達してスクロールすると、次のデータがロードされます。

エンドレスページング用のプラグインがいくつかあることは知っていますが、配列からデータを取り出すことはできません。シンプルなソリューションのヒントはありますか？

Answer 1

ページ分割を設定し、ユーザーが一番下にスクロールすると次のページを要求するようにウィンドウスクロールリスナーを設定する必要があります。たとえば、すべてのエントリを送信する代わりに、ページが設定されている場合は、その「ページ」に表示される内容のみを送信します。次に、あなたのjsで、ユーザーがスクロールしたときに次の "ページ"を要求するウィンドウスクロールリスナーを設定できます。

私は、物事のJS側を示すjsfiddleを作成しました。私のaddMoreElementsはあなたのページ分割のAjaxリクエストを設定したいと思っていますが、その部分はあなたに任せておきます。ここで

は本当にフィドルから重要な部分です：solution_つもり_simple

var $window = $(window), 
    $document = $(document); 
$window.scroll(function() { 
    if ($window.scrollTop() + $window.height() == $document.height()) { 
    addMoreElements(); 
    } 
});