同位素网格+角印去除空白，排序逻辑

这个问题与这个旧问题有关：同位素网格布局使用空白空间 https://stackoverflow.com/questions/11612399/isotope-grid-layout-use-empty-space

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

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

上面的小提琴包含上一个问题的排序逻辑，仅添加第四列和角标记。

希望我能得到任何帮助！

See http://jsfiddle.net/zewkG/6/ http://jsfiddle.net/zewkG/6/，我希望我能很好地理解你想要什么

Edit:

如果您想要 21 盒，请参阅http://jsfiddle.net/zewkG/8/ http://jsfiddle.net/zewkG/8/

Edit 2:

http://jsfiddle.net/zewkG/8/ http://jsfiddle.net/zewkG/8/有一个错误：编号为 13,17,21 的框（位于行的末尾），单击时，它们会转到下一行而不是行的开头。固定于http://jsfiddle.net/zewkG/9​​/ http://jsfiddle.net/zewkG/9/