JQuery UI Resizable handles用法及代码示例

用法:

handles

• String：以逗号分隔的列表，包含以下任意项：n、e、s、w、ne、se、sw、nw、all。必要的句柄将由插件自动生成。
• Object：

  支持以下键：{ n, e, s, w, ne, se, sw, nw }。任何指定的值都应该是一个 jQuery 选择器，它与可调整大小的子元素匹配以用作该句柄。如果句柄不是可调整大小的子对象，则可以直接传入 DOMElement 或有效的 jQuery 对象。

  注意：生成自己的句柄时，每个句柄都必须具有 ui-resizable-handle 类，以及相应的 ui-resizable-{direction} 类，例如 ui-resizable-s 。

代码示例：

使用指定的handles 选项初始化可调整大小：

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

初始化后获取或设置handles选项：

// Getter
var handles = $( ".selector" ).resizable( "option", "handles" );
 
// Setter
$( ".selector" ).resizable( "option", "handles", "n, e, s, w" );