jQueryを使用している場合は、これですべての問題が解決されます。あなたはこのようなもので、あなたのHTML/PHPページに石工を含めている
:
<script src="js/masonry.min.js"></script>
<script src="js/masonry-init.js"></script>
をそして以下でjs/masonry-init.js
ファイルを作成します:
<script src="js/masonry.min.js"></script>
<script>
$('#ms-container').masonry({
columnWidth: '.ms-item',
itemSelector: '.ms-item'
});
</script>
代わりに、このようにそれを残して
を
$('#ms-container').masonry({
columnWidth: '.ms-item',
itemSelector: '.ms-item'
});
var masonryUpdate = function() {
setTimeout(function() {
$('#ms-container').masonry();
}, 500);
}
$(document).on('click', masonryUpdate);
$(document).ajaxComplete(masonryUpdate);
もう一度心配しないでください!
ありがとうございます!なぜ私は石積みに内容が追加されていることを伝える必要があるのか分かりません。呼び出されたときにレンガをリロードするだけで、DOMからそれを取得できます。 –
あなたは膨大な数のレンガを持っている場合、新しい要素だけを処理するほうがよいでしょう。 –
おそらく。レンガの数によって異なります。私は、150以上のレンガが動的に積み重なり、目に見える遅れはありません。 –