我想创建一个可以在父div中拖动并删除的div？

Question

在div中删除后的可拖动对象显示一条文本消息，该文本消息以模式或p下方的div显示为“对象被删除”

Answer 1

您可以使用Jquery-UI Droppable组件。

示例代码：

<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>

和

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

编辑： 您需要添加jQuery和jQuery-UI库：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

请注意，此示例来自jQuery UI网站。

编辑： 见this fiddle example.

基本上你需要在drop事件中添加你的逻辑。这只是一个简单的例子，除了改变放置区的背景颜色之外什么都不做。