Question

我有一个页面，通过用户选择确定不同数量的列。

为了论证，我改变了从三个到两个列，我想从所有三个列中获取所有内容（子div），然后在现在剩下的两个列之间均匀地重新分配它们（ish）。

这是我到目前为止所做的。

// gather contents from source colums and store, store target divs as well
   var source = jQuery(".col").contents();
   var target = jQuery("#cols").contents();

// clear target divs (individually) now that their content is stored so we can append and re distribute source content
   jQuery(".col").html('');

// insert source into target
   jQuery(target).append(source);

#cols是一个包含所有可见列的容器，而.col是这些单独的列中的每一个。所以我成功地保存了每个列（.col）中的内容并将其附加到colum容器（#col），然后将内容放入此容器的每个子容器中（每个列或.col）。

所以它工作正常，但它当然是在每个列中重复所有内容，我实际上想要在每个列之间均匀地划分它。

我希望这有意义......任何想法？

请参阅此处的示例http://jsfiddle.net/Cgdyq/点击屏幕选项以更改列设置，您会注意到内容的倍增取决于所选列的列数。

Answer 1

通过将源除以列并在将每个结果块放入每个列并将重新排列（如果存在）放入最后一列之前拆分数组来解决问题。

Jquery划分然后追加到多个div

1 个答案: