jquery ui droppable贪婪不起作用答案

【问题标题】：jquery ui droppable greedy not workingjquery ui droppable贪婪不起作用
【发布时间】：2012-08-02 03:35:22
【问题描述】：

我有一个这样的html结构

<div id='dropzone'>
<ul id='filelist'>
<li class='fileitem'></li>
<li......
....
....
</ul>
</div>

Jquery UI droppables 是

$('#dropzone').droppable();
$('.fileitem').droppable({greedy:true});

在 dropzone 上放置文件工作正常。现在我的问题是我想将一个文件项放在另一个文件项上它不起作用，当我尝试这样做时就像我将文件项放在 dropzone 上一样。

【问题讨论】：

【解决方案1】：

我做了一点demo。这不是关于文件，因为您对它们没有问题，而是关于可拖动和可放置对象，包括贪婪的可放置对象。

我假设你动态地创建你的 li 元素，所以不要忘记使用 droppable() 调用动态地初始化它们。注意 initLIObject 函数，它不仅在静态 li 对象上调用，而且在动态创建的 li 对象上调用。

【讨论】：

感谢您的帮助！但我需要将文件项放在另一个上。
我需要更多帮助。请看小提琴示例，我想删除删除的文件项，当我将文件项放在 dropzone 上时，它会创建另一个文件项，避免这种情况。
rajuk，我不明白应用程序应该如何工作，请详细描述所需的逻辑。
在回答中查看编辑，看起来 jquery-ui 无法处理文件（（（
如果我理解正确，您需要删除
对象，具体取决于放置在它们上方的对象。我修改了演示以显示此行为check this out。如果您将绿色方块放在红色区域上方，则会创建蓝色块。如果你把绿色方块放在蓝色方块上面，蓝色方块会改变它的颜色。如果您将洋红色块放在蓝色块上方，蓝色块将被删除。