jquery - 在多个块移动时拖动还原的问题

Question

在以下链接：http ://probl.frizi.net/我正在尝试设置可变大小和位置块。彩色块需要留在灰色大块内。无论如何，我试图将彩色块保留在里面，它们倾向于（在第二个动作中）变形或在开始时处于不同的位置。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);
}
});