石積みビューを使用して、無限スクロール機能を備えたコンテンツを表示しています。石積みビュー パーツは正常に動作しています。無限スクロールの場合、コードの下に書いたように、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 );
});
}
});
});
私はワードプレスの管理セクションプラグインでこれを試しています。