draggable禁止拖动_jQuery Draggable：如何限制可拖动区域？

遏制

默认值：// Getter

var containment = $( ".selector" ).draggable( "option", "containment" );

// Setter

$( ".selector" ).draggable( "option", "containment", "parent" );

限制拖动到指定范围内   元素或区域。

支持多种类型：

选择器：可拖动元素将包含在选择器找到的第一个元素的边界框中。 如果未找到任何元素，则不会设置任何围堵。

元素：可拖动元素将包含在此元素的边界框中。

字符串：可能的值：// Getter

var containment = $( ".selector" ).draggable( "option", "containment" );

// Setter

$( ".selector" ).draggable( "option", "containment", "parent" );、"document"、"window"。

数组：定义边界框的数组，格式为// Getter

var containment = $( ".selector" ).draggable( "option", "containment" );

// Setter

$( ".selector" ).draggable( "option", "containment", "parent" );。

代码示例：

使用指定的// Getter

var containment = $( ".selector" ).draggable( "option", "containment" );

// Setter

$( ".selector" ).draggable( "option", "containment", "parent" );选项初始化可拖动对象：

// Getter

var containment = $( ".selector" ).draggable( "option", "containment" );

// Setter

$( ".selector" ).draggable( "option", "containment", "parent" );

初始化后获取或设置// Getter

var containment = $( ".selector" ).draggable( "option", "containment" );

// Setter

$( ".selector" ).draggable( "option", "containment", "parent" );选项：

// Getter

var containment = $( ".selector" ).draggable( "option", "containment" );

// Setter

$( ".selector" ).draggable( "option", "containment", "parent" );