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 
    }); 
});