だから私は2つのコンテナ#container
と#container2
. 私はjqueryを使用してappend
、特定のサイズのコンテンツを1つのコンテナに、その他を別のコンテナに使用しています。そのコードは次のとおりです。
$(document).ready(function() {
$('.entry').each(function() {
if ($(this).height() > 200) {
$('#container2').append(this);
}
else {
$('#container').append(this);
}
});
});
したがって、私の問題は、無限スクロールと石積みの場合、新しいコンテンツが利用可能になったときに、コンテンツを適切なコンテナーに追加するために jquery が再度実行されないことです。コンテンツを正しいコンテナに追加できるようにするには、何を追加できますか?
注: 各コンテナーには、何万ものイメージを含めることができます。
アップデート:
これが私の石工コードです:
$(window).load(function() {
var $wall = $('#container');
$wall.imagesLoaded(function() {
$wall.masonry({
itemSelector: '.entry, .entry_photo',
isAnimated: false
});
});
$wall.infinitescroll({
navSelector: '#page-nav',
nextSelector: '#page-nav a',
itemSelector: '.entry, .entry_photo',
bufferPx: 2000,
debug: false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function(newElements) {
var $newElems = $(newElements);
$newElems.hide();
$newElems.imagesLoaded(function() {
$wall.masonry('appended', $newElems, {isAnimated: false}, function() {
$newElems.fadeIn('slow');
});
});
});
$('#container').show(500);
});
#container
そのため、次の投稿が読み込まれると、高さに関係なくすべてが読み込まれます。これは、Masonry が正常に動作していることを明確に示していますが、ロード時に jquery を再度呼び出していないだけです。必要なjqueryを確実に呼び出す方法はありますか? それ、どうやったら出来るの?