问题标签 [droppable]

我是 jQuery 新手，我正在使用 droppable API。

我想要一组 div，它们都可以容纳一个且只有一个可放置的项目。我已将可放置 div 的类设置为 inv。我可以将项目放入 div 中，但我可以在 drop 函数中找到一种拒绝丢弃的方法。

我希望能够检测到我的 div 已经有一个孩子，如果它确实恢复了掺杂的元素。

我的代码目前看起来像这样

我有一组接受可拖动图标的可放置 li 元素。项目列表位于可滚动的 div 元素中。我在这里放了一个简单的例子：http: //www.nerdydork.com/demos/dragscroll/

我想知道在拖动可拖动元素时是否有办法自动滚动元素列表。例如，假设您位于中间的某个位置，例如http://www.nerdydork.com/demos/dragscroll/#j。当您接近 div 的顶部时，它将开始向上滚动，当您接近 div 的底部时，它将开始向下滚动。

任何人都知道如何使用 jQuery 来实现这一点？

更新

我越来越近了。我在容器 div 的上部和下部创建了固定 div。当悬停在它上面时，使用http://plugins.jquery.com/project/aautoscroll启动自动滚动

现在的问题是当我将鼠标悬停在下部区域时，它会弄乱我的可拖动字母。不过，这似乎只是较低的自动滚动区域的问题。

要查看我正在谈论的错误，请观看此短视频：http ://screencast.com/t/JBFWzhPzGfz

注意当它自动向下滚动时，鼠标悬停在正确的字母上。在视频快结束时，您可以看到，如果您将鼠标悬停在列表的左边距上，它会以某种方式重置并且似乎又可以工作了。

我有一个 jQuery UI 选项卡控件。它包含可以排序的块。它们也可以放在其他选项卡上。当一个块被放到另一个选项卡上时，我想在新选项卡上显示之前使用幻灯片效果从当前选项卡中隐藏块。

这是关于 jsfiddle 问题的演示（按照 jsFiddle 链接上的说明复制问题）

jsFiddle 演示最初显示了该问题的工作状态。它使用标准的 .hide() 方法来隐藏一个块。但是当使用 hide() 的“幻灯片”效果时，会出现意想不到的结果。该块没有动画。相反，在 1000 毫秒的动画间隔之后，该块刚刚从选项卡中消失，然后被放置在新选项卡上的意外位置。

预期的行为是该块将向左滑动并从“完整”选项卡移动到“空”选项卡。

我正在寻找一种方法来将元素恢复到其原始大小和位置，只要它离开某个可放置的位置。

从本质上讲，我所拥有的是选择可以拖动到可放置区域并调整大小的图像，但我希望能够通过将图像移出可放置区域来将它们“放回”其原始位置。

谢谢！

我有两个连接列表，每个列表都在一个 Jquery UI 选项卡中。我希望通过选项卡连接列表，以便将li元素从一个ul列表拖放到选项卡名称应将li元素附加到目标ul列表。

我已经能够通过标签 Jquery tutorial 使用带有连接列表的 JQuery 在一定程度上做到这一点，但是我无法在drop事件上构造我需要的回调函数。

回调需要 (a) 识别可拖动项目的 id，(b) 基于它被放置在哪个可放置选项卡上的目标列表，以及 (c) 通过 GET/POST 将两者发送到 PHP 脚本，这将执行数据库交互（将项目从一个数据库表移动到另一个）。

这是我目前使用的 JQuery（第一部分处理sortable1和sortable2的内部排序）：

（drop even 回调是空的，因为到目前为止我的尝试都没有奏效。）

这是列表的 html 输出：

任何有关此问题的帮助将不胜感激。谢谢。

编辑：

解决了，像这样：

我是 jquery 的新手。我找到了一个代码来拖动图像克隆并放在一个区域上。但是当我拖动该图像时，它直接附加到放置区域。它在拖动过程中不显示。

请任何人帮助找到解决方案。

这是 jsfiddle 的链接 ..链接，但我不能包含一些脚本，所以没有旋转..那些脚本是......

任何人都可以给我一个解决方案，以便在图像下降时第一次拖动图像。

如果 drop 上的 ajax 调用返回失败，我希望可拖动对象恢复到其原始位置。这是我想象的代码..如果在ajax调用正在进行时可拖动的内容位于droppable中是可以的...

我在使此功能正常工作时遇到问题。

情况是：

1. 用户将项目拖动到 div
2. 在放置时，AJAX Post 被发送到带有项目 ID 的控制器操作
3. 成功后，我用从数据库中检索到的 html 标记替换了该项目所在的 div。.replaceWith(data) 注意：此标记是一个 div，其 ID 与该项目被拖放到的 ID 相同，其中包含一些附加元素。
4. 这会加载更新的 div。

所有这一切都完美无缺，几乎，问题是我不能将不同的项目拖到 div 上。我确信这与在 AJAX Post 之后加载的新 div（具有相同的 ID）有关。

这是我的 jQuery 代码

为了防止扔到垃圾桶后排序，我正在使用

但在萤火虫中出现错误。一切都按预期工作，但偏执于我做错了什么。在可丢弃到垃圾箱后，我应该以什么方式停止可排序更新？