script.aculo.us 排序约束选项

Sortable 模块中的约束选项用于限制元素在拖动时的移动方向。它可以设置为“水平”或“垂直”，从而仅允许沿该方向移动。它的默认值为“垂直”。

句法：

Sortable.create('list', {constraint: 'horizontal' | 'vertical' })

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

示例 1：在此示例中，约束选项设置为“水平”。

HTML

 

    
    
 
    
    
 
    
        li {
            cursor: move;
        }
    

 

    
        tag
        overlap
        constraint
        containment
        handle
    
     
    
        Sortable.create('list', {
            tag: 'li',
            constraint: 'horizontal'
        });
    

 

输出：

示例 2：在此示例中，约束选项设置为“垂直”。

HTML

 

    
    
 
    
    
 
    
        li {
            cursor: move;
        }
    

 

    
        tag
        overlap
        constraint
        containment
        handle
    
 
    
        Sortable.create('list', {
            tag: 'li',
            constraint: 'vertical'
        });
    

 

输出：