Javascript 在嵌套的div中拖放

这是我的要求,

我有一个名为dragItem的项目要拖放

我有两个div，

外部

和

内部

我需要按此顺序执行-拖动外部Div中的dragItem（这样我就可以执行我的一些功能。此时，只有下一个可拖放的代码将被启用。）然后我再次拖动dragItem并放入内部Div

我遇到的问题是，当我第二次拖放到内部Div时，外部可拖放代码首先被调用，然后进入内部可拖放，因为内部Div在外部Div中

我试过的一个类似的附件

那么如何纠正这一点呢？我需要在我放置项目的任何地方启用Dropable，即使它位于多层div中。如何做到这一点

---

--提前感谢

jqueryui

droppable

支持名为

greedy:true

的选项，该选项将停止事件传播

---

也为我检查一下这个问题。。