jQueryドラッグアンドリサイズ可能なパネル

Question

私はサイズを変更し、x軸に沿ってドラッグしたい複数の「棒」を持っています。スケジュール表現と比較することができます。

あなたはここでは例を見ることができます： http://jsfiddle.net/ene6C/5/

あなたがバーをドラッグすることができ、あなたがバーのサイズを変更することができます。

問題は、サイズを変更すると、他のバーの後ろにスライドし、それぞれが現在のトラックに留まるようにすることです。

どうすればこの問題を解決できますか？

Answer 1

あなたが持っている問題は、jQueryのドラッグされた要素に適用される絶対位置であるので...

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

のように「行」で、各ドラッグ可能を含めることができます。相対的に配置された包含要素を追加すると、この問題が解決されます。