在嵌套的Div中拖放

Question

这是我的要求，

1. 我有一个名为 dragItem 的项目可以拖放。
2. 我有2个Div， Outer 和 inner
3. 我需要按此顺序执行 - 拖动外部Div中的dragItem（这样我可以执行一些功能。此时只会启用下一个可放置的代码。）然后我再次拖动dragItem并放入内部Div。

我得到的问题是当我第二次拖放到内部Div时，外部可放置代码首先被调用然后进入内部droppable，因为内部div位于外部Div内。

我试过的类似的附件。 check fiddle

那么如何纠正这个？我需要启用droppable，无论我丢弃Item，即使它是在多层Div中。怎么做到这一点？

- 提前致谢

Answer 1

jQuery ui droppable支持名为greedy: true的选项，该选项将停止事件传播。

选中此fiddle