script.aculo.us 拖放还原选项

此 script.aculo.us 拖放还原选项用于在拖动结束时返回其原始位置。它还指定当拖动操作停止时是否调用reverteffect 回调。

句法：

new Draggable('element', {revert:true});

价值观：

• revert：此值包含两个值 true 和 false 默认为 false。

例子：

HTML

  

    
    
  
    
    
  
    
        window.onload = function () {
            $A($('draggables').getElementsByTagName('img'))
                .each(function (item) {
                    new Draggable(item, {
                        revert: true,
                        ghosting: true
                    });
                });
  
            Droppables.add('droparea', {
                hoverclass: 'hoverActive',
                onDrop: moveItem
            });
  
            // Set drop area default non cleared. 
            $('droparea').cleared = false;
        }
  
        function moveItem(draggable, droparea) {
            if (!droparea.cleared) {
                droparea.innerHTML = '';
                droparea.cleared = true;
            }
  
            draggable.parentNode.removeChild(draggable);
            droparea.appendChild(draggable);
        } 
    
  
    
        #draggables {
            width: 550px;
            height: 73px;
        }
  
        #gfg {
            width: 550px;
            height: 73px;
        }
    

  

    
        
    

  

输出：