从任何一侧调整元素的大小答案

【问题标题】：resize the element from any side从任何一侧调整元素的大小
【发布时间】：2012-01-11 08:32:18
【问题描述】：

我已经通过使用 resizable 来调整元素的大小。但存在用户只能从右端底端调整大小的问题。我想从任何一端添加调整大小的功能。我使用下面的文件

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>

我想知道我可以在代码里面添加一些功能还是手动做。

【问题讨论】：

JqueryUI 仅提供从右下角调整大小。您也可以使其可拖动。因此，它将允许在需要的地方占据上角并仅从右下角调整大小。
使用 handles，如下所述：stackoverflow.com/questions/6871558/… 此处：jqueryui.com/demos/resizable/#option-handles
ok Umesh 我认为用户也可以从中心拖动元素。所以我想知道是否有任何功能可以添加其他两个角以调整大小。

标签： jquery css

【解决方案1】：

如果要添加从顶部或左侧调整大小的功能，请在调用函数中添加选项'handles'，如下所示：

$( "#resizable" ).resizable({handles: 'n,w'});

可用的选项有 n,e,s,w,se,sw,ne,nw ，您也可以使用 'all'

【讨论】：