Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将元素拖动到特定的div_Jquery_Jquery Ui_Jquery Ui Draggable - Fatal编程技术网

Jquery 将元素拖动到特定的div

Jquery 将元素拖动到特定的div,jquery,jquery-ui,jquery-ui-draggable,Jquery,Jquery Ui,Jquery Ui Draggable,要将元素拖动到特定的div,如果不拖动到该div,该div将返回(还原) 使用jQuery UI拖动我! <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

要将元素拖动到特定的div,如果不拖动到该div,该div将返回(还原) 使用jQuery UI

拖动我!
<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>
到这里来! $(“#draggable”).draggable({revert:true}); $(“#可拖放”)。可拖放({ 接受:“可拖动”, drop:函数(事件、用户界面){ //拖拽装置被放下了 } });