script.aculo.us 排序 dropOnEmpty 选项

Sortable 模块中的 dropOnEmpy 选项允许将可排序的元素拖放到另一个列表中。它的默认值为假。

句法：

Sortable.create(List1_id, {containment: [List1_id, List2_id], dropOnEmpty: true});
Sortable.create(List2_id, {containment: [List1_id, List2_id], dropOnEmpty: true});

例子：

  

    
    
  
    
    
      
    
        window.onload = function () {
  
            Sortable.create('List1', {
                containment: ['List1', 'List2'],
                dropOnEmpty: true
            });
  
            Sortable.create('List2', {
                containment: ['List1', 'List2'],
                dropOnEmpty: true
            });
        }
    
  
    
        li {
            cursor: move;
        }
  
        ul {
            width: 80px;
            padding: 5px 5px 5px 20px;
        }
    

  

    
        List-1
        
            tag
            containment
            script
            empty
        
    
  
    
        List-2
        
            aculo
            us
            drag
            empty
        
    

  

输出：