拖动;使用Jquery删除

Question

我理解如何运行基本的拖放操作，网上有很多教程。但是，我需要实现的是拖动一个元素，例如列表中的项目。但是当我将这个元素放入目标DIV时，我需要删除其他被拖动元素属性的东西。

例如，我从DIV1拖动练习的名称但是当我将它放入DIV2时，我将练习的图像，描述，设置和代表放入它们各自的div中，这些div是父级可放置DIV2的兄弟姐妹。

Answer 1

您可以使用jquery UI来完成此任务。

jQuery UI代码（Javascript）：

<script>
$(function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
});
</script>

HTML code：

<div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p>
</div>
<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>

您也可以参考jquery ui。