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

拖放到div中后的可拖动对象将显示一条文本消息，该消息显示在modal中或div下方的p中，表示“对象已拖放”

您可以使用该组件

示例代码：

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

请注意，此示例取自jQueryUIWeb站点

编辑： 看

---

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

请在问题中包含您的代码尝试。我们不是编码服务。感谢您的回复，但您能帮我做一把小提琴或提供任何演示吗，因为我无法在我的页面上使用此代码：（您必须包括jquery和jquery ui库，请查看示例中的编辑，如果对您有帮助，请标记为解决方案：）我很抱歉，但它仍然不起作用，请你制作一个代码片段，JSFIDLE或codepen，我的意思是一个工作的例子将是一个很大的帮助谢谢你。code.jquery.com/jquery.js“>code.jquery.com/jquery-1.12.4.js”>code.jquery.com/ui/1.12.1/jquery ui.js“>$（“#droppable”）.droppable（{drop:function（event，ui）{$（this.addClass（“ui状态突出显示”）.find（“p”）.html（“droppable！”；}）；在我的页脚中添加了这个。请检查编辑，我包括了一个完整的小提琴示例。

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