jquery - 检测 Isotope 中的一行何时未满并添加一个 Item 来填充它

Question

我正在使用 Isotope 插件来布置不同大小的图 block ，并且我正在使用过滤器功能来显示隐藏其中的一些图 block 。

它是多选过滤，所以你可以同时选择几个过滤器，这里的问题是你不知道你要返回什么内容，所以底部经常有空格，比如所以: .

我需要在这里做三件事:

1. 检测一行是否“满”，即布局是否有任何空隙
2. 获取间隙的大小和位置
3. 将一些大小合适的备用内容放入这个空隙

我知道 Isotope 有一个 addItem 方法，我可以将其用于第 3 步，但在大量谷歌搜索和阅读 Isotope 文档后，我离 1 和 2 的解决方案还差得很远。

有没有人以前遇到过这个问题并且知道如何解决这个问题。

Answer 1

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