jquery分隔，然後追加到多個div

我有一個頁面，用戶選擇確定的colums數量不同。jquery分隔，然後追加到多個div

爲了參數的緣故，我想從三個colums中取出所有內容（子div），然後在剩下的兩個colums之間均勻分配（ish）。

這是我到目前爲止。

#cols是包含所有可見colums容器和.COL是每個這些個別柱的側向承載力。所以我成功地從每個單獨的柱（.col）保存內容並將其附加到柱容器（#col），然後將內容放入該容器（每個柱或者.col）的每個子容器中。

因此，它工作正常，但它當然是在每個柱子上重新排列整個內容，我實際上想要將它們均勻分佈在每個柱子之間。

我希望這是有道理的...任何想法？

在此處查看示例http://jsfiddle.net/Cgdyq/單擊屏幕選項可更改柱設置，並且您將注意到內容的倍增取決於所選柱的柱面數。

2011-12-20 Pluto

http://jsfiddle.net/ demo的一個具體例子會非常有幫助。 – 2011-12-20 09:55:09

http://jsfiddle.net/Cgdyq/ 單擊「屏幕選項」，然後更改列的數量，您將看到內容相乘。 – Pluto 2011-12-20 10:00:56

'jQuery（「＃cols」）。contents（）;'將返回所有子節點，並將'source'中的每個節點附加到它們中的每一個節點。如果你想分割它，你必須迭代'target'中的節點並添加來自'source'的相應節點。 – 2011-12-20 10:25:27

問題通過將來源除以柱的數量並拆分數組，然後將每個結果塊放入每個柱和每個柱（如果存在）放入最後一個柱之前解決。

2011-12-21 08:42:50 Pluto

回答