Safariで無限のスクロールを2回追加して複製を作成する

Question

Safariで無限のスクロールに問題があります。 彼は2回走って重複します。 これは私のコードです：

$window.scroll(function(){ 

    if (($document.height() - $window.height()) == $window.scrollTop()) { 
     $('#loading-more svg').show(); 

     jQuery.post(
      ajaxurl, 
      { 
       'action': 'load_more', 
       'offset': offset 
      }, 
      function(response){ 
       $('#loading-more svg').hide(); 
       $('.load-more').append(response); 
       if (response) { 
        offset = offset + 4; 
       } 
      } 
     ); 
    } 
}); 

ソリューションはありますか？

ありがとうございました！

Answer 1

を試してみてください。

$window.scroll(myEventFn); 
function myEventFn() { 
    if (($document.height() - $window.height()) == $window.scrollTop()) { 
     $window.unbind("unbind", myEventFn); //unbind specific event 
     $('#loading-more svg').show(); 

     jQuery.post(
      ajaxurl, { 
       'action': 'load_more', 
       'offset': offset 
      }, 
      function(response) { 
       $('#loading-more svg').hide(); 
       $window.scroll(myEventFn); //bind back the event 
       $('.load-more').append(response); 
       if (response) { 
        offset = offset + 4; 
       } 
      } 
     ); 
    } 
} 

Answer 2

はあなたの遅れの操作まで、特定のスクロールイベントは、あなたの場合のように重複の挙動を作成するイベントトリガの多くを蓄積防止に完了したことをバインド解除この

var scrolled = true; 
$window.scroll(function(){ 

    if (scroll == true;) { 
     scrolled = false; 
     if (($document.height() - $window.height()) == $window.scrollTop()) { 
      $('#loading-more svg').show(); 

      jQuery.post(
       ajaxurl, 
       { 
        'action': 'load_more', 
        'offset': offset 
       }, 
       function(response){ 
        $('#loading-more svg').hide(); 
        $('.load-more').append(response); 
        if (response) { 
         offset = offset + 4; 
         scrolled = true; 
        } 
       } 
      ); 
     } 
    } 
});