仅在过滤或调整浏览器窗口大小后才显示同位素

Question

我正在使用Metafizzy的Isotope来显示我的wordpress帖子，在我采取其他行动（如过滤或调整窗口大小）之前，容器不会显示我的任何项目..然后它“醒来”并像往常一样运行。 这仅在Chrome中发生。 有没有人经历过这个或知道解决方案？

Answer 1

在装满图像的页面中加载时遇到了同样的问题。 我只是在所有图像加载后设置Isotope运行：

$(function() {
    //on all images load

        $('img').on('load', function() {
            //Initialise Isotope
        });
});

Answer 2

我在使用ZURB Foundation 4创建HTML模板时遇到了同样的问题，在加载此页面之前，我通过在基础之前调用isotope并将同位素调用包装在窗口加载回调中来解决它，如下所示：

// Load Isotope on window load
$(window).load(function(){
    $('.portfolio-items').isotope({
        itemSelector:'.portfolio-item'
    });
});

// Loaded foundation after isotope
$(document).foundation('orbit', {timer_speed:5000,bullets:false,orbit_transition_class: 'orbit-transitioning'});

尝试在加载回调的窗口中包装同位素调用，如果这不起作用，那么尝试在任何其他jquery插件之前加载它，可能会有冲突。