JQuery UI Draggable containment用法及代碼示例

用法:

containment

• Selector：可拖動元素將包含在選擇器找到的第一個元素的邊界框內。如果未找到任何元素，則不會設置包含。
• Element：可拖動元素將包含在該元素的邊界框內。
• String：可能的值："parent","document","window".
• Array: 一個數組，在表單中定義一個邊界框[ x1, y1, x2, y2 ].

代碼示例：

使用指定的containment 選項初始化可拖動對象：

$( ".selector" ).draggable({
  containment: "parent"
});

初始化後獲取或設置containment選項：

// Getter
var containment = $( ".selector" ).draggable( "option", "containment" );
 
// Setter
$( ".selector" ).draggable( "option", "containment", "parent" );