script.aculo.us 排序遏制选项

排序元素模块中的包含选项用于启用两个可排序元素之间的排序。它需要一个元素数组或要在其中启用排序的元素 ID。

句法：

Sortable.create(“element1_id”, {containment: [“element1_id”, “element2_id”]});
Sortable.create(“element2_id”, {containment: [“element1_id”, “element2_id”]});

下面的示例演示了此选项：

示例 1：

HTML

  

    
    
  
    
    
  
    
        window.onload = function () {
            Sortable.create("list1", {
                tag: "li",
                containment: ["list1", "list2"],
            });
            Sortable.create("list2", {
                tag: "li",
                containment: ["list1", "list2"],
            });
        };
    
  
    
        li {
            cursor: move;
        }
    

  

    List-1
    
        tag
        overlap
        constraint
        containment
        handle
    
  
    List-2
    
        tag
        overlap
        constraint
        containment
        handle
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    
  
    
        window.onload = function () {
            Sortable.create("list1", {
                tag: "div",
                containment: ["list1", "list2"],
            });
            Sortable.create("list2", {
                tag: "div",
                containment: ["list1", "list2"],
            });
        };
    

  

    List-1
    
      
      
    
    
  
    List-2
    
      
    

  

输出：