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