jquery ui拖动和排序 - 2次出现的拖放项目

Question

请在这里查看我的问题 - http://jsfiddle.net/EhQZH/17/

说明：我有一个三个列表 A、B 和 C，列表 B 嵌套在列表 A 中。列表（A 和 B）都可以接受列表 C 中的列表项

当我将列表项从 C 拖到列表 B 时，列表项被包含两次，一个在 B 中，另一个在 A 中。我想避免这种情况。我希望在 A 或 B 中出现一次列表项，然后将其删除。

我已经应用了排序，拖放等。但我认为我做错了什么，找不到它。

请告诉我你的建议。

Answer 1

我可以找到问题所在。与 div 中的 div 类似。如果您将鼠标光标移动到对象#secondul 上，根据浏览器，它仍然在对象#firstul 中。如果您将代码更改如下，您可以更好地看到它：

<ul id="#firstul" onMouseOver="alert('first')">

和

<ul id="#secondul" onMouseOver="alert('second')">

.

另外，将Item3拖入第二个列表后，会触发jquery-ui.js中的错误。与错误消息一样，我有理论代码将尝试从源访问对象。根据上述情况，该项目不再存在。它已被移至#firtul。