问题标签 [jquery-ui-droppable]

我正在使用 Jquery Ui Draggable 和 droppable。Draggable 工作正常，项目正在拖动，但由于某些原因，我没有让 droppable 工作。

如果我在 droppable 函数中提醒某些内容，则不会显示任何内容。

我正在使用 Jquery UI 1.6 和 jquery 1.3.2。

这是我正在使用的代码：

当我在 ajaxCartUpdate div 中拖动 td 时，我在控制台上收到以下错误：

在 Firefox 中： F 未定义

在 Chrome 中：未捕获的类型错误：无法读取未定义的属性“选项”。

仅供参考，td 实际上正在 ajaxcartUpdate Div 中删除，但我没有收到警报。

所以我在屏幕的右下角有一个固定的可放置 div。我有一个可以拖入垃圾箱（固定可放置）的可拖动列表，但我不希望在将它们拖到垃圾箱附近时出现水平滚动条。我不希望可拖动对象能够水平滚动。页面下方还有其他可拖放的可拖放对象，因此它们必须垂直滚动才能找到它们。

这是问题的一个jsfiddle。

谢谢

请参阅 jsfiddle

目前，可拖动对象正在从 15 像素的距离处捕捉到可放置对象。不是基于 snapTolerance 中指定的固定像素进行捕捉，当光标（可拖动）在目标上方时，有什么方法可以将其捕捉到目标？我试图花很多时间在它上面。但找不到解决方法。

谢谢你。

我正在尝试使用 jQueryUI 可拖动/可拖放/可排序将项目从源框移动（而不是复制）到任一目标框。这样用户就可以将项目分类到他们想要的框中。

1. 然后，当他们将页面发布回服务器时，它将保存他们的选择以及他们将项目放入的框。因此，当一个项目被“丢弃”到其中一个盒子中时，我需要以某种方式获取被丢弃项目的 id 和它被放入的盒子的 id。稍后我会将其存储在数组/对象中。
2. 如果用户可以在可放置的框中订购物品，那将很方便，但并不重要。我确实需要它们自动排列好，就像无序列表应该如何工作一样。目前，这些项目只是放在目标框中的任何位置，因此所有项目都在目标框内的所有地方。
3. 如果用户改变主意，他们应该能够将项目从目标框移回源框
4. 我在下面有一个代码外壳，但它不起作用，我似乎无法获得移动项目的 ID 或目标 ID。我试图使用新的 HTML5 数据属性，但它似乎没有得到任何东西。我的网站是 HTML5，所以可以使用这些新技术。

更新：得到它的工作 - JSfiddle及以下的完整解决方案：

我想在离开可放置元素时触发一个事件，所以我打算使用该out功能。但我有两个可放置的元素。当我为一个元素编写代码时，它可以工作，但不能用于两个。

网页：

查询：

但是 Out 功能不会触发？我可以写两次，但如果我有 20 个可放置元素，这不是解决方案。有任何想法吗 ？谢谢 ！

我正在创建一个 jQuery UI 拖放。我喜欢在将元素拖放到目的地后立即更改拖动对象的类别。有什么办法吗？我的代码如下所示

现在我可以将“tech_new”拖放到“droppable”。删除后我需要更改删除的元素类（即 tech_new 的类）

我有一个照片列表，并且我添加了可拖动的照片，但是当照片被拖动到父 div 之外时，我想更改它的类，因此它表明如果你放下它，它将被删除，然后当用户放下它，我希望它触发一个功能。（仅当它在父 div 之外）

所以当一个 li 被拖到 .photos 之外时，它会触发添加类，然后如果它被放到它之外，那么它会触发并删除它。

我在 Jqueryui Droppable 中有一个问题。对不起，我的英语很差。饱和度是：现在，我有 3 个 div，div a，div b 和 div c 我使 div a 和 div b 可拖动，div c 可放置。DIV C 可以接受 div a 和 div c。问题是，现在 div c 可以接受 div a 和 div b 作为副本，或者 div c 可以接受 div a 和 div b 作为剪切。我希望 div c 可以接受 div a 作为副本，div b 作为剪切。我该怎么做得到这个？

我有一个可以放入（现有）可排序列表中的元素列表。当可放置元素被放入可排序元素时，我想修改该元素。我通过调用 droppable 的 drop 事件来做到这一点。

但是，当可排序元素在 sortable 中排序时，似乎也会触发这个 drop 事件。而且我只想在从外部放入时修改丢弃的元素。

Fiddle 上的完整示例。

在可排序内部排序时，如何修改插入的元素而不修改它们？

我有一个包含tiles的 sortable 。另外，我有一堆droppables。我想要以下交互：

用户可以将图块从可排序对象中拖到一些可放置对象上。理想情况下，这会将图块移出可排序并将其附加到可放置。此外，droppable 不应该再接受任何东西，即在一个 droppable 上最多可以有一个 tile。我在这个小提琴http://jsfiddle.net/yXeMw/2/中尝试过，但无法让“移动”工作。

一旦这样工作，用户还应该能够将磁贴从可放置对象移回可排序对象，我在这里尝试过：（由于 2 个链接限制，删除了链接，是同一个小提琴的第 3 版。）但也失败了. （我只尝试了警报，因为我认为“从..移动到..”部分应该是相同的。）见更新 1。

我已经尝试了几天，只是无法弄清楚。

PS：我在这里阅读了大量关于 SO 的类似问题，但没有一个与我的问题真正相同，即将元素从可排序元素移动到可放置元素。

编辑：我也欢迎使用 Mootools 的替代解决方案。

更新 1： droppable -> sortable 方向不起作用，因为我在 sortable 中的图块具有float: left有效地使 sortable 本身的大小为 0px 的属性，因此无法悬停。固定小提琴：http: //jsfiddle.net/yXeMw/5/

更新 2：虽然我找到了解决方法（请参阅我的答案），但我仍然希望有一个移动元素的解决方案。我无法得到任何appendTo或append工作。