如何在調整容器大小時順利重新定位子元素？

Question

假設我有一個帶有多個子div的容器div。

子div向左浮動，以便它們形成許多水平線。 噹噹容器的寬度達到特定閾值

我逐步調整內含div（與$container.stop().animate()例如）的寬度，孩子的div是突然移動到下一行是否有任何技術/插件出那會不會使子元素的重新排序更順暢？

Answer 1

我不能說我知道某個插件，可以幫助你的，但如果存在的話，大概做以下給每個孩子與容器沿動畫動畫到其最終位置：

1. 使用css()將容器大小調整爲目標寬度。
2. 請注意容器的每個children()的position()。
3. 使用css()將容器重新調整到其原始寬度。
4. 將children()中的每一個絕對定位爲top和left等於其原始position() s的值。他們不應該在這一步移動，所以測試你的功能到這裏來確保這一點。
5. 使用animate()動畫容器的寬度，並在同一時間使用animate()動畫的top和left到我們在步驟得到了價值2
6. 在animate()完整的回調，改變孩子的背部定位到他們的原始價值。
7. ???
8. 獲利