独自の親 div 内で (垂直に) 移動する、サイズ変更可能でドラッグ可能な複数の div を 1 つのページに配置しようとしています。http://bit.ly/bCutBEをご覧ください。
ただし、これらの div のサイズを変更したい場合、特に北側からすると、これらの div の動作が非常に奇妙になります。親 div の外に出ることはできないはずですが、画面から非常に速く移動します。div をその親内で垂直方向に移動およびサイズ変更できるようにしたいだけです。ドラッグ部分はかなりうまく機能しますが、サイズ変更部分はこの問題を引き起こします。
これ以上うまく説明することはできませんが、自分の目で確かめてみてください。色付きの div の 1 つをサイズ変更しようとするとすぐにわかります。少し下に移動し、北側からサイズ変更してみてください。
この問題は、リサイズ可能な 'parent' 行の包含によって引き起こされているようです。この行を削除すると正常に動作しますが、色付きのブロックは親にとどまらず、親の中にとどまります。
誰かがこれで私を助けてくれることを願っています...
私が使用したjqueryコード:
$(document).ready(function(){
$(".move")
.draggable({
containment: 'parent',
grid: [50,50],
axis: 'y'
})
.resizable({
containment: 'parent',
grid: [50,50],
handles: 'n, s',
minHeight: 50
});
});