尝试设置宽高比和句柄属性:
$( "#resizable" ).resizable({
aspectRatio: 16 / 9,
handles: 'e'
});
以上代码将创建一个容器,该容器将自动调整为16/9的宽高比,并且只有容器东侧有一个手柄。
以下是来自文档站点http://jqueryui.com/demos/resizable/#option-containment的描述:
如果指定为字符串,则应为逗号分隔的以下任何列表:'n, e, s, w, ne, se, sw, nw, all'。插件将自动生成必要的手柄。
如果指定为对象,则支持以下键:{ n, e, s, w, ne, se, sw, nw }。任何指定的值都应是可用作该手柄的可调整大小的子元素的jQuery选择器。如果手柄不是可调整大小的子元素,则可以直接传入DOMElement或有效的jQuery对象。
代码示例
使用指定的handles选项初始化可调整大小的组件。
$( ".selector" ).resizable({ handles: 'n, e, s, w' });
在初始化后获取或设置句柄选项。
var handles = $( ".selector" ).resizable( "option", "handles" );
$( ".selector" ).resizable( "option", "handles", 'n, e, s, w' );