检测Isotope中的行未满并添加项目以填充它

时间:2015-05-07 15:47:57

标签: jquery css jquery-isotope

我正在使用Isotope插件来布局不同大小的磁贴,我使用过滤器功能来显示隐藏其中一些磁贴。

这是多选过滤,因此您可以同时选择多个过滤器,这里的问题是您不知道要返回的内容,因此通常会有空格。像这样的底部:gap left by Isotope layout

我需要在这里做三件事:

  1. 检测某行是否为"已满",即布局后是否有任何空白
  2. 获取差距的大小和位置
  3. 将一些正确尺寸的备用内容推入此差距
  4. 我知道Isotope有一个addItem方法,我可以用于第3步,但经过大量的谷歌搜索和阅读同位素文档后,我并不接近1和1的解决方案。 2.

    之前有没有人遇到过这个问题,并且有任何想法如何解决这个问题。

1 个答案:

答案 0 :(得分:0)

看起来您使用的是默认的masonry布局模式,这可能会产生差距。尝试使用旨在填补空白的packery layout mode