使用JQUERY拖动和交换

时间:2016-12-11 14:45:13

标签: 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' on'节点':新的子元素包含父元素。(...)

任何想法超过欢迎!! :)

1 个答案:

答案 0 :(得分:0)

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