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>