javascript - jquery ui resizable left-bottom handle to resize

Question

我在我的项目中使用 jquery-ui-resizable 插件。

默认情况下，当您制作 DOM 对象 jquery-ui-resizable 时，可调整大小的句柄将出现在右下角，我需要在左下角显示可调整大小的句柄。

--- 编辑 ---

还有一件事，它不应该使用右边框调整大小，但应该使用左边框调整大小。

Answer 1

您应该使用句柄

supported: { n, e, s, w, ne, se, sw, nw }. 

这将在您指定的一侧创建 handle 。默认值为

'e, s, se'

代码示例

使用指定的句柄选项初始化可调整大小。

$( ".selector" ).resizable({ handles: 'n, e, s, w' });

在初始化后获取或设置句柄选项。

//getter
var handles = $( ".selector" ).resizable( "option", "handles" );
//setter
$( ".selector" ).resizable( "option", "handles", 'n, e, s, w' );