拖动元素特定的div

Question

想使用jQuery UI

Answer 1

<div id="draggable" style="width: 50px; height: 50px; border: solid 1px #000;">Drag me!</div> 
<div id="droppable" style="width: 150px; height: 150px; border: solid 1px #000;">Drop here!</div> 

<script type="text/javascript"> 
$("#draggable").draggable({ revert: true }); 
$("#droppable").droppable({ 
    accept: "#draggable", 
    drop: function(event, ui) { 
    // the draggable is dropped 
    } 
}); 
</script> 

拖动元素特定的div，如果没有拖到这个div将复出（恢复）