jquery - 使用 Jquery UI 拖放后居中 #Div（内部小提琴）

Question

我希望在拖放后始终将 div 居中。

这是我用于分叉的小提琴 http://jsfiddle.net/vrUgs/895/

这是我的js：

     $(function() {
    $("#resizable").draggable({
    stop: function(event, ui) 
           {
               $("#resizable").css({
                   'display':'block',
                  'margin':'auto'
               });
           }
    });
    $("#resizable").resizable({
    stop: function(event, ui) 
           {
               $("#resizable").css({
                   'display':'block',
                  'margin':'auto'
               });     
alert("left="+ui.position.left+",width="+ui.size.width);
           }
    });  
    });

问题1：如何使它在每次拖放后居中并提醒比居中位置？

问题 2：我的代码可以简化吗……因为我使用相同的停止功能进行拖放？

谢谢你的帮助！

Answer 1

$("#resizable").css({
    'display':'block',
    'margin':'auto',
    'left':'0'
});

会做中心部分

见：http: //jsfiddle.net/t9rFu/

并调整大小：

$("#resizable").css({
    'display':'block',
    'margin':'auto',
    'left':'0',
    'position':'relative'
});   

http://jsfiddle.net/t9rFu/1/