javascript - Draggable 总是去最外层的可排序

Question

我正在尝试编写一个页面，用户可以在其中将项目拖到三个嵌套的、可排序的 UL 之一中。无论用户将可拖动对象放在哪里，它总是落在外部（或最顶部）UL 上。我制作了一个简化版本来说明jsFiddle上的问题。

我无法通过 id 来定位 UL，因为 id 是在运行时确定的。任何帮助，将不胜感激。

Answer 1

Javascript 事件冒泡。由于您的可排序对象包含在彼此内部，因此该事件冒泡到您的第一个（最内层）可排序对象，然后事件冒泡到第二个可排序对象，依此类推，直到最终被最后一个（最外层）可排序对象捕获。event.stopPropigation()您可以通过添加到可排序接收函数中来防止事件进一步冒泡。