Animsition jQuery 插件用于 CSS 动画页面转换 vs jquery Masonry

Question

我正在构建一个多页面站点，并且非常喜欢插件 Animsition 允许的页面过渡效果。但是在一个页面上，我使用了 jquery Masonry 插件。当我第一次打开这个页面时，布局很好，但是当我导航到站点的其他页面并 return 到使用 Masonry 的页面时，布局被破坏了。谁能帮忙...拜托

Answer 1

您需要使用 imagesloaded.js，这将使所有图像在调用砌体之前加载。将其加载到您的页面中，然后像这样调用砌体：

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

此外，一个单独的问题，"js/jquery.scrollToTop.min.js" 未加载。