切换div调整大小时同位素jQuery布局的行为

时间:2019-02-27 00:31:12

标签: javascript jquery jquery-isotope

我正在使用同位素过滤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' });
                            }); 

它会重置布局并再次运行(直到我切换)。在第二次切换后,应该如何使同位素排布?

0 个答案:

没有答案