jquery - 用于 CSS 动画页面转换与 jquery Masonry 的 Animsition jQuery 插件

Question

我正在构建一个多页面站点，并且非常喜欢插件 Animsition 允许的页面转换效果。但是在一个页面上，我使用了 jquery Masonry 插件。当我第一次打开这个页面时，布局很好，但是当我导航到网站的其他页面并返回到使用 Masonry 的页面时，布局被破坏了。任何人都可以帮助...请

Answer 1

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

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

此外，未加载单独的问题“js/jquery.scrollToTop.min.js”。