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" );