如何获得Isotope的最后一行并点击向上展开它们？

Question

方案

我是带角度js的usign同位素插件（http://isotope.metafizzy.co/）。点击缩略图图像我添加“扩展”类并增加其宽度和高度以占用四个框。

我们可以这样做吗？：

当我点击“最后一行”的缩略图时，它正在占据四个tumbnails但向下生长以创建空白空间。根据附图。有没有办法在向上方向上扩展缩略图，以便在任何情况下都不会有任何空白空间

代码段

 $grid = $('.grid');
    $grid.isotope({
        itemSelector: '.grid-item',
        masonry: {
            columnWidth: 205
        },
        gutter: 0,
        onLayout: function ($elems, instance) {  
            $elems.show(); // initially elements were hidden and dislayed when all of them rendered
        }
    }

Answer 1

除非在展开时移除或隐藏其他元素，否则砌体将无法在之前的同一空间中容纳更大的元素。它也不会覆盖另一个图像。

我不相信有一个简单的解决方案让它向上扩展到其他图像，但如果你只是需要阻止它扩展div并创建空白空间，你可以尝试隐藏图片中的两个随机元素在展开功能中收集（不包括选定的一个），并查看砌体是否正确重新夹具。