同位素网格+角标记删除空格,排序逻辑

时间:2012-08-10 14:59:02

标签: jquery jquery-isotope

此问题与旧版本有关:Isotope Grid layout use empty space

这是我正在使用的小提琴: http://jsfiddle.net/zewkG/4/

问题在于,当添加了砌体角点[由同位素的创建者编码]时,在前一个问题的答案中起作用的排序逻辑就会失败。我一直试图弄清楚这个背后的逻辑,但不幸的是无济于事,浪费了很多时间没有突破。 [当您点击第五个元素时,不应该有任何丢失的框,并且它不应该向下两行,只有一个。前三个元素应该在第一行而不是向下一行。]

上面的小提琴包含前一个问题的排序逻辑,只有第四列和一个角落添加。

我会很乐意得到任何帮助!

1 个答案:

答案 0 :(得分:3)

http://jsfiddle.net/zewkG/6/,我希望我能理解你想要的东西

修改

如果您想要21个方框,请参阅http://jsfiddle.net/zewkG/8/

编辑2

http://jsfiddle.net/zewkG/8/有一个错误:框号13,17,21(在行的末尾),点击后,它们会转到下一行而不是行的开头。已修复http://jsfiddle.net/zewkG/9/