jquery - 複数のブロックの動きでドラッグされた復帰の問題

Question

次のリンクで：http：//probl.frizi.net/可変サイズと位置ブロックを設定しようとしています。色付きのブロックは、灰色の大きなブロック内にとどまる必要があります。とにかく私は色付きのブロックを中に入れようとしていますが、それらは（2番目の動きで）変形したり、開始時に別の位置に移動したりする傾向があります。Revertメソッドが正常に機能していないか、正しく実装されていません。

これまで、私は次のことをしようとしています（右クリックしてページのJqueryソースを参照してください）：

var item;
$( "#droppable" ).droppable({
out: function(event, ui) { 
    $(item).draggable({ revert: true });
    var revert = $(item).draggable( "option", "revert" );
    $(item).draggable( "option", "revert", true );
    }
}); 

$(".blk").draggable({
    start: function(event, ui) { 
    item = $(this);
}
});