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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。