1

我正在使用砌体视图来显示具有无限滚动功能的内容。砌体视图部分工作正常。对于无限滚动，我尝试了无限滚动 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 管理部分插件上尝试这个。

4

1 回答 1

1

经过一步一步的检查，我找到了解决方案，问题的原因是我在砌体中使用动画效果，这与 wordpress 插件视图 js 有一些冲突。 

 $container.imagesLoaded(function(){
  // options
  $container.masonry({
    itemSelector: '.pin',
    isAnimated: false,
    isFitWidth: true,
    isAnimatedFromBottom: false
  });
});
于 2013-05-08T08:51:52.730 回答