25枚の画像を表示するサイトを入手しました。「さらに読み込む」というボタンを作成しました。ボタンは、Ajax を介して php スクリプトから 25 枚の画像を取得します。この部分は実際にうまく機能しています。問題は、画像の位置合わせにjquery masonryを使用していることです。
現時点では、ページが読み込まれると Masonry 関数が呼び出されます。
function Masonry() {
var $container = $('#fit');
$container.imagesLoaded(function () {
$container.masonry({
itemSelector: '.masonryImage'
});
});
}
しかし、後で Masonry() 関数を呼び出したい場合、機能しません。
ロード時に Masonry() を呼び出さない場合、私の ajax 関数では問題なく動作します。
なぜこれが起こるのかについてのアイデアはありますか?