ajax調用上的遞歸太多

Question

我正在使用砌體視圖來顯示具有無限滾動功能的內容。 砌體視圖部分工作正常。對於無限滾動我已經嘗試了infinitescroll js 或基於滾動，因爲我寫下面的代碼。

問題： - 第一次滾動後，我面臨too much recursion問題。

jQuery(document).ready(function($) { 
    var $container = jQuery('.main_container'); 
    $container.imagesLoaded(function(){ 
     // options 
     $container.masonry({ 
     itemSelector: '.pin', 
     isAnimated: true, 
     isFitWidth: true, 
     isAnimatedFromBottom: true 
     }); 
    }); 

    //for infinite scrollings 
    jQuery(window).scroll(function() { 
     if(jQuery(window).scrollTop() + jQuery(window).height() == jQuery(document).height()) { 
     alert("bottom!"); 
     ajaxurl = "script url here"; 
     var data = {start:startLimit,end:endLimit}; 
     jQuery.get(ajaxurl, data, function(response) { 
      var $boxes = $(response); 
      $('.main_container').append($boxes).masonry('appended', $boxes); 
     }); 
     } 
    }); 
}); 

我試圖在WordPress的管理部分插件。

Answer 1

經過一步一步的檢查，我發現解決方案，問題的原因我正在使用動畫效果在砌體這是衝突一些如何與wordpress插件視圖js。

$container.imagesLoaded(function(){ 
    // options 
    $container.masonry({ 
    itemSelector: '.pin', 
    isAnimated: false, 
    isFitWidth: true, 
    isAnimatedFromBottom: false 
    }); 
});