JQuery UI Sortable containment用法及代码示例

用法:

containment

类型：Element 或 Selector 或 String

默认：false

定义可排序项在拖动时被约束的边界框。

注意：为包含指定的元素必须具有计算的宽度和高度(尽管不需要明确)。例如，如果您有 float: left 可排序子项并指定 containment: "parent" ，请确保在可排序/父容器上也有 float: left ，否则它将具有 height: 0 ，导致未定义的行为。

支持多种类型：

Element: 用作容器的元素。
Selector: 一个选择器，指定要用作容器的元素。
String：标识要用作容器的元素的字符串。可能的值："parent","document","window".

代码示例：

使用指定的 containment 选项初始化可排序：

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

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

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

相关用法

注：本文由纯净天空筛选整理自jqueryui.com大神的英文原创作品 Sortable containment。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。