问题标签 [droppable]

我有 1 个可拖动的 div 和 2 个可放置的 div。这 2 个可放置的 div 也是可拖动的，因此这 2 个 div 可能会重叠。在那种情况下，当我将可拖动的 div 拖放到重叠的 div 时，是否有办法确保它被放在顶部？

我有一种文件夹列表类型的情况，我可以使用 jquery draggable/droppable 将项目从一个文件夹拖动到另一个文件夹。文件夹项目是可拖动的，文件夹是可放置的。它们位于一个小到足以显示垂直滚动条的 div 中。

我在可拖动项目上设置了“滚动：真”，以便它们可以使 div 滚动。当我还在可拖动项目上使用“助手：“克隆””时，滚动不再起作用。

我究竟做错了什么？

这是一些非常简化的代码：

我正在尝试创建一个功能，允许将可拖动的项目列表（左列）拖到可排序列表（右列）上。仅执行 connectToSortable 的不同之处在于，我需要可排序列表像可放置列表一样操作，因为只有在拖动新项目时才会在右列中保留项目的顺序，但在重新安排项目之间的顺序时不会保留已经在右栏中。

下面的链接显示了该功能的第一部分。我可以将项目拖到我想要的部分。一旦放置在右栏中，我还希望能够重新排列这些项目。另外，我想在拖动时添加一个类，并更改一个类

元素一旦掉落。我已经对所有这些进行了无休止的实验。到目前为止，我大约有 15 个小时的深度，而且我到处都是砖墙。我什至不知道如何解决这些问题。

关联

我想从这里复制：

进入：

这是JS

);

任何帮助表示赞赏！谢谢！

好吧，忍受我，这是那些长的之一。

我有一个存储 ID 和字段的值表。

这正确绑定并且数据正确地位于表中。请注意，只有字段绑定列是“可拖动的”。另请注意，拖动工作正常。

现在我有一个文本框，我希望能够将值从表中拖放到。又好又简单——

现在有趣的部分:)

这很好用。

现在的诀窍。记住 id 和字段。我想拖动该字段，但我希望将 ID 添加到文本框中。得到这个工作正常。在 IE 中测试。但是今天我在 Firefox 中打开它，想象一下当“未定义”开始出现在我的文本框中时我的完全恐惧。

只是为了速度（也就是让它现在工作），我改变了我的 droppable，它现在看起来如下：

笔记。'tbox.value = ...' 位是因为我想构建一个由拖到文本框的所有 id 组成的字符串。我需要获得兄弟，因为为了用户体验，我希望他们拖动用户友好的字段名称而不是 id（因为 id 对用户没有意义 - 它可见的唯一原因是用户可以映射将文本框中的 id 拖到一个单词后）。只是为了进一步的背景，然后将 id 字符串保存到一个 xml 文件并用于配置和其他一些神奇的东西:)

所以现在的问题

1. 这是一个已知的错误还是我做错了什么？
2. 如果这是一个问题，这是最好的方法还是有更好的方法来解决它？

再次请注意 - 这里的所有代码都有效。这是我目前拥有的最佳方法 - 这无疑是一种解决方法。

当您将项目拖到可放置 DIV 之外时，有什么方法可以让 jQuery 执行功能？

假设我们在一个 div 中有可拖动或可排序的项目，如果它们被放到其父 div 之外，您希望将它们删除。

我知道有“out”事件，但是只要您将项目拖到 div 之外，而不是在您放下它时（释放鼠标按钮），它就会起作用。

嗨，我是 jQuery 新手，正在尝试进行概念验证。我在这里发布了示例代码，我的要求如下。

我有 2 只 droppables 狗/羊，我想把它们放在衬衫上。

我将羊/狗放在衬衫上，但一旦放下它就会进入 div 的左下位置。

我试着做$('[id$="apparel"]').append(dropElem);而不是$(this).append(dropElem);

有人可以帮我吗？

这是我的 javascript

和 HTML

我陷入了 jQuery 的问题。我尝试从元素中创建一个列表，可以在许多列表中拖放。但这整件事都在一个标签内。这是它应该工作的样子：

http://redbird.lv/problem/jquery_doeswork.html

如果我尝试更改选项卡的顺序，有趣的事情就开始了。如果选项卡不是第一个打开的，那么它不会工作，直到列表中有一个元素可以放入并移动它（醒着？）。这是我的问题示例：

由于我不能发布超过 1 个链接，因此此无效链接在工作示例中非常明显。

任何建议如何解决这个问题？我认为，排序必须是 .('refresh'); 在选项卡上打开，但

没有做这项工作。所以我没有猜测。将不胜感激任何帮助！谢谢！埃德加斯

我正在开发一个拖放页面，您可以在其中将元素从列表中拖放到各种可放置的容器中。这完美地工作。我现在想要实现的是能够将它们从一个容器拖到另一个容器（或在容器内重新排序）。但我似乎无法做到这一点。

该列表看起来像一系列带有标题的彩色框（每个都有一个类名“.item”）。当您从列表中拖动时，它会克隆它，以便列表保持不变（即不会删除块）。

有两个容器（在本例中），类名分别为“dragrow1”和“dragrow2”。根据您将框拖入的行，该块将改变外观。这可以正常工作。问题是让这些盒子再次拖动，无论是在它自己的容器内还是在另一个容器内，并且没有克隆自身（它需要移动）。顺便说一句，由于样式原因，类名在删除后从“.item”更改为“.box”。很好的是，当您将一个彩色框拖入容器时，由于应用了 css 样式，每个框彼此相邻浮动，因此它们从左上角并排放置。

到目前为止，我的 jquery 代码如下所示：

容器代码的示例如下所示：

任何人都可以给我任何指示吗？

谢谢，

阿里。

我试图弄清楚如何编写一个语句，如果拖动的元素是父元素，它将停止 jQuery droppable 函数。

基本上我拥有的是一个表格，每个单元格的 id 为 x-axis:eq+'-'+y-axis:eq。（x 过 x 下）。当用户将元素拖到不同的单元格时，我会更新信息，因此如果您从单元格 3-3 拖动到 3-4，我会更新数据。

但是，如果用户从 3-3 开始拖动，然后在 3-3 单元格内停止拖动，我想阻止可放置功能触发。

我一直在考虑使用“接受”功能，但不知道怎么说！jQuery('td#3-3')

这就是我所拥有的

我实际上正在尝试制作一个 .php 页面，其中我将有 3 个可拖动元素，这些元素必须被拖动到 3 个可放置元素 - 每个可拖动到可放置元素，并且它们是唯一的，因此每个可放置元素只会接受某个可拖动元素.

问题是我需要控制所有元素都被拖到正确的位置，在这种情况下，我应该将用户重定向到success.php，否则，如果某些元素被拖到错误的droppable，用户必须转到例如 failure.php。

无论如何，例如在 PHP 中的 $_SESSION 中保存某个值，以便知道所有可拖动对象都已放置在正确的位置？

这是拖放的代码：

我正在尝试这样做，例如获取可放置元素的活动类以查看它是否与“ui-state-highlight”匹配，但实际上，每次重新加载页面时都会执行该标签，所以如果我尝试插入任何代码放入
drop: function() 它将始终执行。

提前非常感谢！