代码之家 › 专栏 › 技术社区 › Email

使用Jquery UI进行拖放后居中#Div(小提琴在里面)

draggable resize jquery-ui jquery

Email · 技术社区 · 11 年前

我希望在拖放之后始终将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:我的代码可以简化吗。。。因为我使用相同的停止功能进行拖放?

谢谢你的帮助!

1 回复 | 直到 11 年前

Mr.Manhattan 11 年前

$("#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/

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前