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

ajax调用的递归过多

1 个答案: