javascript - 如何使用 draggable 和 droppable 将 附加到 ？

Question

我在控制我的 <li> 位置时遇到了一个小问题当我从 JQuery UI 使用 draggable 和 droppable 时，对象就消失了。

我创建了这个非常精细的 fiddle 来说明我的问题:JSFiddle

为什么 .courseBox 没有进入.semester <ul> ？

.courseBox应该可以来回移动，而且不仅仅是在尝试将其附加到 .semester 时我有这个问题。尝试移动 .courseBox 时会发生这种情况回到.basket

我相信这可能与我的 moveCourse 有关功能。

Answer 1

问题来自这一行:

function moveCourse(item, target){
  var parent = item.parent();
  var boxId = item.attr("id");
  console.log(parent.attr("id") + " contains " + boxId);
  console.log("target is: " + target.attr("id"));
  parent.find(boxId).remove(); // Here you are deleting the li element
  target.append(item); // THIS LINE
}

基本上，您要删除 li 元素，然后将 li 元素重新附加到目标容器中。

P.S : moveCourse 函数好像没什么用