jquery - CSS アニメーション化されたページ遷移と jquery Masonry 用の Animsition jQuery プラグイン

Question

私は複数ページのサイトを構築していますが、プラグイン Animsition が可能にするページ遷移効果が本当に気に入っています。ただし、ページでは jquery Masonry プラグインを使用しました。このページを最初に開いたときのレイアウトは問題ありませんが、サイトの他のページに移動して Masonry を使用しているページに戻ると、レイアウトが壊れています。誰か助けてくれませんか...お願いします

Answer 1

masonry が呼び出される前にすべての画像をロードするimagesloaded.jsを使用する必要があります。ページにロードしてから、次のように masonry を呼び出します。

 $(function () {
 $('.grid').imagesLoaded( function() {
    $('.grid').masonry({
    itemSelector: '.grid-item',
    columnWidth: 300,
    gutter: 20  
        });
    });
 });

また、別の問題「js/jquery.scrollToTop.min.js」が読み込まれません。