Javascript 选择可下降区域

我想将我的小部件拖放到我的div中。我将我的小部件拖放到我的div上，但它不会拖放真正的位置

下面是我的示例：jsfiddle.net/Mg6V3/15

我的目标是，当我把小部件放在“1”上时，小部件必须放在里面

---

谢谢。

这比我原来想象的要容易

首先，在初始化Dropable时可以设置一个选项。它的目的是在使用嵌套的可拖放时阻止拖放事件传播到所有可拖放父级

其次，将可拖放行为绑定到匹配的选择器并不是一个固定的过程。这意味着，当使用类似于

$（'.test'）.droppable（）的东西时，它将只将droppable绑定到DOM中已经存在的适用元素。如果你创建了一个新的，你应该自己在上面初始化Dropable

下面是基于您的代码的工作示例。我试着尽量减少变化-可以做得更好，更干净，但这只是一个例子，所以我想这是可以的
 你需要#bigContainer在把“网格”放到它上面后保持可放下状态吗？是的，我也需要它。但在这里我的问题是我不能在#fourGrid_1或#fourGrid_2等上下功夫。我尝试使用“结束”事件，但这不是完美的解决方案。我有很多div和grid，所以我不想为每个元素编写代码。嗯，这是一个问题，因为你不容易有嵌套的可拖放目标。是的，关键字是this。我将研究嵌套的可拖放目标。当我找到答案时，我会分享我的解决方案。