问题标签 [droppable]

我有一个可拖动的对象，它被放置在重叠的可放置对象的等距网格上。droppables 是灰色瓷砖、img 标签，看起来像附加的第一张图片。当可拖动对象在它们上方时，它们被设置为突出显示蓝色。

这是droppable的源代码：

基本上，我希望 a) 一次突出显示一个图块，并且 b) 将突出显示的图块放置在对象上。

我已经尝试了所有类型的宽容，但无济于事。

图片：

i.imgur.com/dGx9X.png

和

i.imgur.com/vb1d9.png

我能够将外部事件拖放到日历中，默认行为的开始时间是事件被删除的位置。我想将默认行为设置为也将事件的结束时间设置为开始时间后 1 小时。这似乎微不足道，但我似乎无法让它工作。下面是我的 drop 函数（基本上是 droppable items 演示加上 1 行。）

有任何想法吗？

谢谢，乔钦

我在可拖动的 jQueryUI 中发现了一个错误……在他们的演示页面上查看它

如果将对象向下拖动到足够远以使页面向下滚动，则可拖动对象将失去其相对于光标的位置。

任何想法是什么导致了这个错误，以及如何解决它？

谢谢 ：）

任何有关以下内容的帮助将不胜感激。我需要在可放置的盒子外面放一张照片。用户应该能够将图片拖到框中，一旦图片在框内，用户应该仍然可以拖动它，但只能在框内。

提前感谢您的任何指点。

我是 JQuery 的新手......最近我正在做一个项目，我遇到了以下问题：

我有两个 ul (比如：gallery(LHS) 和垃圾(RHS))。

在画廊中，我有 8 里，它们是可拖动和可排序的。我可以将 li 拖放到垃圾箱。我什至可以将它们分类到垃圾中。

我面临的问题是这个 li 的位置实际上，最初垃圾箱是空的，但有一个带有 8 个矩形框的背景图像，每个矩形框都有一个序列号。（请注意.. 8 个矩形框只是单个图像）。

因此，每当我将第一个 li 放入垃圾箱时，第一个矩形框就会隐藏在 li 后面。当我放下第二个时，第二个盒子会隐藏等等......

现在我想要当我将第一个 li 从画廊拖到第 8 个矩形时。因为它是一个容器，所以它留在那儿而不是向上移动的垃圾箱。

有人建议我使用 8 个不同的容器。但问题是我可以让这 8 个容器可排序吗？我需要一个可拖动的、可放置的特定容器和可排序的 li 在该 8 个容器内。

我正在使用 Jquery 的 Draggable/Droppable 功能来允许从 TreeView 拖放到简单的 HTML 表，但我发现随着表中单元格数量的增加，Droppable 性能变得非常缓慢。

我环顾四周，人们建议的最常见的解决方案是限制活动的可拖动和可放置的数量。现在，限制可拖动对象非常简单（使用树视图节点的鼠标悬停来启用拖动）。

然后我尝试对 droppable 执行相同的操作（即，仅当用户将鼠标悬停在单元格上时才将其设为 Droppable），但遇到了计时问题。

基本上发生的情况是，用户将一个节点拖到单元格上并且不能放下它。但是当我再次尝试这样做时，它起作用了！换句话说，mouseover 事件需要在它起作用之前完成，但“完成它”意味着停止你的第一次拖放，这显然远非理想。

这是我正在使用的代码：

显然 addCell() 会为每个动态添加到表格中的新单元格调用（在页面加载或表格调整大小时）。

有没有解决的办法？如果 Javascript 有类似“beginmouseover”事件的东西，这会容易得多......

我有一组图像放置为position:relative（显示一个旁边的另一个）。

我使用此代码拖放它们（从 jQuery API 文档中窃取，根据我的需要进行了修改）。

我要做的是在用户放下可拖动元素后将其返回到其初始位置。但是，因为我的元素相对位于初始左侧，所以所有元素的顶部坐标都是相同的（或者这是我从文档中了解到的——我可能在这里错了）。因此，尽管图像返回，但它们实际上将一个一个堆叠在另一个之上。

我究竟做错了什么？我应该做些什么？

我现在面临另一件事，我不知道该怎么做。

我是 jQuery 新手，我正在尝试制作一个可拖动的图标，当您将其放入文件夹（.folder div）时，它将被移到那里。

1. 拖动图标（我知道如何拖动它，但它只在父 div 中可见，而不是在整个网页上。）
2. 拖放到#navbar 上的一个文件夹（在左侧）（同样，我不知道如何使它可拖放到特定的 div 上）
3. 删除在原始内容上移动的 div 并重新对齐所有其他 div
4. 调用一个php页面将这个div关联的文件移动到选中的目录下

页面中心的 div （我希望它们可拖动）是图标，当您将它们拖放到左侧的文件夹中时，它将被移动到那里。

在这里你可以看到它的样子（最好使用 Firefox）： http: //narks.xtreemhost.com/

这只是一个向您展示的测试页面。任何人都可以帮助我吗？

要了解网页的结构，请参阅CSS 布局中的 Windows 7 资源管理器（再次感谢 Ivan Ivanić 的宝贵帮助1）

编辑 jQuery 拖放：

我在尝试将元素拖放到拖动开始时出现的滑动面板中时遇到了一些问题。第一滴不起作用。您必须放下该物品两次。这不应该发生。

我还想让面板保持可见 3 秒，让用户有机会拖放另一个图像，而是保持在那里它再次上下滑动。有可能避免吗？或者在另一个下降时重置延迟？我的意思是，如果另一个元素被丢弃，则再次开始延迟。

而且$('.last.thumb').replaceWith($(ui.draggable).clone());效果不好。这应该显示最后添加的图像。

这里的工作示例

我正在尝试制作一些教育网站，我想让学生做的一件事就是将项目拖到一个区域，然后才能进入下一阶段。

我这样做的方法是使用 jquery droppables 脚本，并在将项目可拖动选项放在可放置 div 中时禁用它。然后我打算将 1 添加到一个变量，当它到达正确的数字时，将启用前进按钮。

问题是我无法弄清楚如何使 droppable 函数仅适用于每个特定的可拖动对象。所以我所拥有的是：

有了这些 div；

但是，当然，所有这一切都是禁用第一个可拖动的，只要将任何拖动到可放置的 div 中。我的 javascript 不是很好（我正在学习），我不知道如何让它只禁用我放入可放置区域的那个。

有人可以帮忙吗？