1

25枚の画像を表示するサイトを入手しました。「さらに読み込む」というボタンを作成しました。ボタンは、Ajax を介して php スクリプトから 25 枚の画像を取得します。この部分は実際にうまく機能しています。問題は、画像の位置合わせにjquery masonryを使用していることです。

現時点では、ページが読み込まれると Masonry 関数が呼び出されます。

function Masonry() {
    var $container = $('#fit');
    $container.imagesLoaded(function () {
        $container.masonry({
            itemSelector: '.masonryImage'
        });
    });
}

しかし、後で Masonry() 関数を呼び出したい場合、機能しません。

ロード時に Masonry() を呼び出さない場合、私の ajax 関数では問題なく動作します。

なぜこれが起こるのかについてのアイデアはありますか?

4

2 に答える 2