选择可放置区域

时间:2012-11-20 09:09:09

标签: javascript jquery drag-and-drop

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

以下是我的例子:jsfiddle.net/Mg6V3/15

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

谢谢。

1 个答案:

答案 0 :(得分:1)

这比我原先想象的要容易。

首先,初始化droppable时可以设置greedy选项。它的目的是在使用嵌套的droppables时阻止drop事件传播到所有可放置的父级。

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

以下是基于您的代码的工作示例。我试图尽量减少变化 - 它可以做得更好,更干净但它只是一个插图所以我想它没关系。 http://jsfiddle.net/vM3dU/