javascript - エリア内のタイルを再配置します

Question

再配置可能なタイルグリッドを作成しようとしています。タイルのサイズは異なります。これが私がどこまで到達したかです。

http://jsfiddle.net/psivadasan/dMtRs/

タイルが灰色の領域の外側に再配置されるのを防ぐにはどうすればよいですか？私はこれが起こらないようにしたい：http： //i.imgur.com/0JAfY.png

助けに感謝します。

Answer 1

containmentオプションを使用するだけです。これにより、要素が外側にドラッグされなくなります。

$('ul').sortable( "option", "containment", 'parent' );

http://jsfiddle.net/dazefs/dMtRs/7/