jQuery перетаскиваемые и изменяемые размеры панелей

Question

У меня есть несколько «баров», размер которых я хочу изменить и перетащить вдоль оси X. Вы можете сравнить его с расписанием.

Вы можете увидеть пример здесь: http://jsfiddle.net/ene6C/5/

Вы можете перетаскивать полосы и изменять их размер.

Проблема в том, что когда вы изменяете их размер, они скользят за другими полосами, и я хочу, чтобы они оставались на своем текущем пути.

Как мне этого добиться?

Answer 1

Вы можете содержать каждый перетаскиваемый элемент в «строке», например, так ...

http://jsfiddle.net/ene6C/8/

Проблема, с которой вы столкнулись, заключается в абсолютном позиционировании, которое jQuery применяет к перетаскиваемому элементу. Добавление содержащего элемента, который расположен относительно, должно решить эту проблему.