これはかなり私を打ち負かしました。jquery ui でプレースホルダー オプションをオンにすると、要素が左上隅にのみ表示されます。要素が並べ替えられた後にアニメーションを見ると、ドロップされた場所に移動する前に左上隅に移動します。
$(".widget-row").sortable({
connectWith:".widget-row",
helper:"clone",
revert:true,
placeholder: "ui-state-highlight",
opacity:0.5,
grid: [ 20, 10 ] ,
start: function(e, ui ){
ui.placeholder.height(ui.helper.outerHeight());
ui.placeholder.width(ui.helper.outerWidth());
//console.log(ui.helper.attr('id'));
},
update: function(event, ui){
arrange_doc();
}
});
サンプルはJs Fiddleにあります
どんな助けでも大歓迎です。