jquery - 将 div 框堆叠成两列。但是当右边的盒子被移除时，它之后的所有盒子都应该相应地排列

Question

我将相同高度和宽度的 div 框堆叠成两列，如下所示:

是否有可能让它以这样的方式运行...当删除左侧的任何框(使用 jQuery)时，右侧最顶部的框将移动左侧的底部位置。所以基本上，盒子会按照粉红色箭头指示的方向移动。

Answer 1

您可以添加 remove event并在您的 div 框中检查它。然后将第一个元素附加到另一列

$('.yourDivBox').bind('remove', function() {
$('.secondColumn').first().appendTo('.firstColumn');
});

是这样的。对不起，我没时间检查我的代码