У меня есть страница с разным количеством столбцов, определяемым по выбору пользователя.
При изменении, ради аргумента, от трех до двух столбцов, я хочу взять все содержимое (дочерние элементы div) из всех трех столбцов, а затем перераспределить их равномерно (иш) между оставшимися двумя столбцами.
Это то, что я имею до сих пор.
// 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) и добавляю его в контейнер столбца (#col), где он затем помещает содержимое в каждый дочерний элемент этого контейнера (каждый столбец или .col).
Так что он работает нормально, но, конечно, ДУБЛИРУЕТ всю партию содержимого в каждом столбце, где я на самом деле хочу РАСПРЕДЕЛИТЬ его между каждым столбцом.
Надеюсь, в этом есть смысл ... есть идеи?
См. Пример здесь http://jsfiddle.net/Cgdyq/ щелкните параметры экрана, чтобы изменить настройки столбца, и вы заметите, что содержимое увеличивается в зависимости от количества выбранных столбцов столбца.