我正在使用同位素过滤div的集合,该集合效果很好,但是在使用jquery切换div并导致其调整大小时遇到了异常行为。
这是使用同位素中的“布局”选项在div中显示额外信息的代码:
$('.my_div').on('click', function(){
$(this).children().fadeToggle();
$grid.isotope('layout');
});
第一次单击以显示更多信息时,它可以按预期工作并调整布局,但是第二次(在同一元素上)单击以隐藏额外的信息时,布局不再进行调整,并且保留了大量空白。但是,如果我单击其中一个过滤器,
$('#my_button').on('click', function()
{
$grid.isotope({ filter:'.my_filter' });
});
它会重置布局并再次运行(直到我切换)。在第二次切换后,应该如何使同位素排布?