如何在同位素中使用动态容器？

Question

在Web应用程序的不同部分上重复使用同位素容器的情况下，我需要调整容器的大小。 但是，在为小布局添加和删除CSS类之后，该容器不再占用全部空间。

参见JSFiddle： http : //jsfiddle.net/mulderp/ptLzx/5/

$container.addClass('small');

这将按预期调整容器的大小。

 $container.removeClass('small');
 $container.isotope('shuffle');

预期将是取回原始容器。 这是行不通的。

有任何线索如何使安装工作？

Answer 1

看来是时间问题，同位素经常会发生这种情况。

如果将shTime方法周围的setTimeout（）设置为1000ms，则该方法有效-因此确认问题...

$('#large').click(function(){
    $container.removeClass('small');
    var timer = setTimeout(function(){
        $container.isotope('shuffle');      
    },1000);
});

超时一点都不理想，但是它确实说明了同位素需要先完成才能更新。 我建议您使用其他计时器进行测试，直到找到合适的计时器为止。

我还建议您在$container.isotope('shuffle')使用$container.isotope('reLayout') ，除非您特别需要对项目进行混洗，该方法正是为此而创建的。