将元素拖动到特定的 div

【问题标题】：drag element to specific div将元素拖动到特定的 div
【发布时间】：2010-12-13 16:51:05
【问题描述】：

想要将元素拖动到特定的 div 并且如果不拖动到该 div 将卷土重来（还原）使用 jQuery UI

【问题讨论】：

标签： jquery jquery-ui jquery-ui-draggable

【解决方案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>

【讨论】：