1

石積みビューを使用して、無限スクロール機能を備えたコンテンツを表示しています。石積みビュー パーツは正常に動作しています。無限スクロールの場合、コードの下に書いたように、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 );
        });
        }
    });
});

私はワードプレスの管理セクションプラグインでこれを試しています。

4

1 に答える 1