javascript - 使用 JQUERY 拖动和交换

标签 javascript jquery html css jquery-ui

我需要从两个 div 中拖动和交换内容,尝试了以下方法,它工作正常并将内容正确地交换到可放置的 DIV 中,但将可拖动的 DIV 留空。

 var draggable = ui.draggable;                           
 var droppable = $(this);

  // Clear previous content
  $(this).empty();
  // Append new content
  $(this).append(draggable);


  // Clear previous content
  ui.draggable.empty();
  // Append new content
  ui.draggable.append(droppable);

我收到以下与将内容附加到可拖动 DIV 相关的错误

未捕获的 DOMException:无法在“节点”上执行“appendChild”:新的子元素包含父元素。(…)

欢迎任何想法!! :)

最佳答案

刚刚发现您可以通过使用 .sortable() 更轻松地实现 Angular 拖动和交换,感谢您的帮助 Arun :)

关于javascript - 使用 JQUERY 拖动和交换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41087374/

相关文章:

php - 如何将 PHP 输出插入 html div 替换临时图形

javascript - Facebook 点赞按钮错误 - iFrame 显示个人资料图片而不是点赞按钮

javascript - 选择“更改时”无法正常工作

javascript - reduce 没有给出正确的总和

javascript - 可见时加载 iframe

javascript - 尝试将多个输入与数据列表 ID 同步时出现问题

javascript - Bootstrap 确认对话框

javascript - 即使在 stopPropagation 之后,mouseenter 事件也被调用了两次

javascript - JQuery 自动单击 <a> 标签不起作用

javascript - 我的网站图库