javascript - 选择可放置区域

Question

我想将我的小部件拖放到我的 div 中。我将我的小部件拖到我的 div 上，但它并没有丢弃真正的位置。

这是我的例子：jsfiddle.net/Mg6V3/15

我的目标是当我将小部件放在“1”上时，小部件必须放在其中。

谢谢你。

Answer 1

这比我最初想象的要容易。

首先，初始化 droppable 时可以设置贪婪选项。它的目的是在使用嵌套的可放置对象时阻止放置事件传播到所有可放置的父对象。

其次，将可放置行为绑定到匹配的选择器不是一个恒定的过程。这意味着，当使用类似的东西时，$('.test').droppable()它只会将 droppable 绑定到 DOM 中已经存在的适用元素。如果您创建新的，您应该自己初始化它们的 droppable。

这是基于您的代码的工作示例。我试图最小化这些变化——它可以做得更好、更干净，但这只是一个插图，所以我想没关系。http://jsfiddle.net/vM3dU/