jquery - 将网格项动画到新位置

Question

我在网格中有一组大小相等的 float 元素。现在我通过 jquery .after() 插入另一个更大的元素，它占据了容器的整个宽度，因此需要自己的行。

紧随插入元素之后的元素需要重新定位并移动到下一行。

我想为这个 Action 制作动画。

现在我知道有很多插件，如 isotope、mixitUp 或 masonry 可以做这类事情，但我觉得它们对于“简单”的东西来说有点过分了。

Answer 1

您可以使用 css 或 jQuery 为新框的宽度设置动画，让它从 0% 滑动到 100%。较小的盒子不会漂浮到各自的位置，它们会被推到右侧，然后弹出到下一行，但这很容易并且可能工作得很好。