问题标签 [droppable]

我有一些可以正常工作的拖放代码。只是有一个小问题。我注意到，如果我出于调试目的在 drop 函数中添加警报（例如，alert(draggedItem.text());），当我将某些东西放入可拖动区域时，它会触发两次警报。我在另一篇文章中读到，一起使用 droppable 和 sortable 会导致这种奇怪的双重事件发生。但是我需要使用 droppable 事件来获取拖动的项目对象（ui.draggable）——这样我可以在放下它时对其进行操作。如果有任何其他获取可拖动对象的方法，请告诉我:) 另外，如果您对为什么会发生这种情况有解释，那会很有趣...

我还有另一个与此相关的查询，但由于我的代码很大，我无法在此处发布完整的内容。因此，如果您无法提供帮助，我可以理解-只要您想到一些非常酷的事情。基本上我有一个“块”列表，我可以将其拖入多行。可以使用切换事件隐藏各个行。如果我有 3 行，我可以将块拖到其中的任何一个中。如果我然后隐藏第一行，我现在无法拖入其他两行。不过，我仍然可以对它们进行排序。一旦我开始对它们进行排序，我就可以再次拖入它们。诡异的...

我有一个可拖动的表格单元格列表，可以拖放到第二个表格上。它们被设置为克隆，因为如果从中拖动项目，原始表应保持不变。

现在我希望能够将第二个表中的删除元素从一个单元格移动到另一个单元格。但是，如果在第二个表格内拖动元素时按下 Control 键，则应该克隆该元素。现在我不知道如何优雅地实现最后一部分。

到目前为止，我的代码仅缺少 Ctrl 部分的克隆：

我想要实现的行为是，如果一个元素被拖到表格的另一个单元格，它应该被移动到那里。如果在按下 Ctrl 键时拖动元素，或者如果它是应始终克隆的几个预定义元素之一，则应创建元素的副本并将其插入目标单元格。

在我粘贴在这里的代码中，我正在创建一个新元素，然后将其附加到 droppable 中。这适用于克隆可拖动对象，但对于非克隆可拖动对象，原始可拖动对象仍然存在，所以我最终复制了它。

如果我只是将可拖动对象附加到目标可放置对象，则克隆可拖动对象将从其原始位置删除。

编辑： 我发现了问题，我使用的是 ui.draggable，它指的是原始的可拖动，而不是 ui.helper，它指的是克隆的。我在这里添加最终的工作代码作为参考：

有什么方法可以传递deactivate:一个元素是否被删除？

如果元素没有被丢弃，我想停止动画，但被放开（即：停用而不丢弃），但如果元素被正确丢弃，我希望它继续。

谢谢

我只是在学习 jquery，所以这可能很容易。

我正在尝试制作一个非常基本的游戏，您可以将颜色的名称拖放到颜色框上（以帮助了解可放置和可拖动）。

我得到了它的工作，除了一些问题。

1. 如何将项目数限制为 1？（有没有办法检查是否有东西“掉”到盒子上？）

2. 如何将数据发送到 php 脚本？

这是我的演示（已删除）

谢谢你的帮助。

========

好的，我可以在你放入一个盒子后禁用下拉框。但是，如果你决定改变主意，我需要重新设置。

演示2

如何将颜色名称重置回原始位置？

我在使用 JQuery 的 droppable 功能时遇到了问题。我从这里修改了 JS：http: //jqueryui.com/demos/droppable/

如果我将 draggable 和 droppable 设置为 HTML 元素的 ID，则 JQuery 可以正常工作。
但是，当它们是类时，只有可拖动功能起作用，放置功能似乎没有做任何事情，并且警报功能不会被执行。

任何帮助都会很棒。

我正在使用 jquery ui 拖放代码。删除后，将执行 getJSON 请求以检查新数据并更新数据库。这工作正常，直到我的后端返回错误，因为我无法从匿名函数中取消删除。

如果出现错误，后端会返回如下所示的 json：

这是处理drop的代码：

我希望这有点清楚。有任何想法吗？:)

好的，我在页面上有一个简单的 droppable。当用户执行操作时，会运行一个函数并创建一个新的 droppable。现在原来的 droppable 不再起作用了。唯一可行的方法是，所有可放置对象都具有相同的类名，但是如果我在原始对象中放置了某些内容，它会认为我将其放置在创建的新对象中。如果我尝试为 droppables 使用唯一名称，则只有最后一个要创建的 droppable 有效，任何其他事先都不会。这似乎是一个简单的问题，但我无法找到任何关于它的东西。

我有一个可拖动的元素

我有两个问题：

1. 删除此元素后，原始元素会自动禁用。

2. 关闭的锚标记附加到被删除的元素。单击此“关闭”时，原始元素应再次变为可拖动，并应从可放置的“div”中删除。

我已经为关闭锚编写了一个处理程序，如下所示，它从可放置的元素中删除了元素，但它不会使其再次可拖动。

请帮忙。提前致谢。

我有一个可排序的列表，connectWith用于确保它只能在其自己的列表类型中进行排序。

现在，我正在尝试制作一个可放置的垃圾桶元素，该元素在对项目进行排序时显示在视口的底部。这个元素在列表的上下文之外，只是简单地删除掉在它上面的任何元素。如果您熟悉的话，所需的功能与从 Android 手机桌面删除快捷方式相同。

问题是，虽然我的垃圾桶是一个接受“*”的可丢弃物，但我的可排序仅被告知connectWith其他“.dropZone”项目，这意味着我无法让任何可排序元素导致垃圾元素上的悬停状态.

我已经尝试将每个可排序的start事件变成一个可拖动的，但当然我不会在确切的时刻拖动那个可拖动的，因此它没有被激活。是否可以同时满足这两个要求，还是我必须手动检测垃圾桶悬停？

谁能帮我一个忙，将我的可拖动项目添加到已连接的可排序列表中。我发现如果连接的可排序列表以“溢出：自动”样式溢出 div，则无法将可拖动项拖入其中。它是一个错误吗？请任何人帮助我。先谢谢了！：-）