jquery - 将元素拖动到特定的div

Question

想要将元素拖动到特定的div，如果不拖动到该div将返回(恢复) 使用 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>