问题标签 [draggable]

我正在使用 draggable()，但有时 draggable() 似乎会产生锁定效果，即使在释放鼠标按钮后拖动效果仍然存在。一旦发生这种情况，唯一的解决办法就是刷新页面，这对于基于 ajax 的站点来说是一种糟糕的方式。

因此，使用UI 文档，我试图找出一种在拖动开始时设置超时的方法，这样如果拖动未在 x 秒内完成，则将调用 dragstop 事件。

我想这不会很难，但到目前为止我还无法实现它。任何帮助将不胜感激。

感谢三个出色的答案，它们都确定了我使用“onclick = ...”而不是“observe（“click”，...”）的问题

但是，Accepted Answer 的奖项必须授予 Paolo Bergantino，因为它使用了添加类名来标记拖动元素的机制，这为我节省了更多的工作！

在我的 HTML 中，我有一个表格，每行都有一个图像链接。

包含的 Javascript 文件包含使图像可拖动的代码：

和一个简单的处理程序来检测拖动的结束

我的想法是，当单击图像时，应该遵循链接，但是当它被拖动时，应该会发生其他事情。

事实上，当图像被拖动时，处理程序被调用，但链接仍然被跟踪。

我想我取消了错误的活动。

拖动元素后如何防止链接被跟踪？

编辑：event.stop在尝试了 graystate 的建议后添加

我现在有一个适用于 FireFox、Apache 等的基本解决方案。请参阅下面我自己的答案。

但我仍在寻找 IE7（希望是 IE6）的解决方案。

在 IE 中拖动图像的另一个问题是，当工具提示出现时，图像与鼠标指针分离，您必须释放鼠标并再次单击图像才能重新获得拖动。所以我也在寻找任何可能有助于解决这个问题的想法。

我创建了一个非常 iphone-y 滑块元素，它既限制了整体水平移动（0-400 像素并且它不垂直移动），又在 400 像素“容器”通过 200 像素标记时“捕捉”到任一侧并且拖动已经结束。它在Firefox中完美运行。在 Safari 中，将元素定位到这个 400px 容器的任一端的 onEnd 函数永远不会被调用。更重要的是，可拖动元素“粘”在鼠标光标上，我必须重新加载页面才能结束动画。

这是我的代码

谢谢！安德鲁

我希望能够创建我要拖动的元素的副本。我使用标准的 ui 可拖放。我知道助手克隆选项。但这不会创建副本。拖动的项目恢复到原始位置。

我有一个应用程序，其界面基于带有可拖动选项卡的典型操作系统用户界面。

我想让选项卡像操作系统中的窗口一样，最后点击的选项卡/窗口出现在任何其他窗口的“顶部”。

我知道这与元素的 z-index 有关。这是代码的简化版本：

当标签处于被拖动的行为中时，就会发生所需的行为。

有没有办法实现上述行为？

谢谢

下面的代码使控件（例如标签）在拖动操作时显示拖动图像。

我的问题是我不想在拖动开始时立即显示拖动图像，我希望在鼠标位于控件的特定边界时显示图像 - 例如。在标签的右半部分。

到目前为止，我还没有找到解决方案 - 图像会立即显示（除非我修改 VCL 源）。在放弃 VCL 拖放实用程序并滚动自定义捕获鼠标之前，我很欣赏在这一点上获得所需行为的任​​何技巧。

这是为标签启用拖动图像的示例伪代码。

我在拖动列表中有一个项目池，它使用 connectToSortable 选项连接到可排序的项目。现在我想从这个排序列表中删除一些项目并将它们移回拖动列表。有点像撤消。假设用户将一些 5 个项目移动到排序列表并决定他/她只想要 4 个项目，并决定只将不需要的项目从排序列表拖到拖动列表中。如何在排序列表中不添加“删除”链接的情况下完成此操作。非常感谢。有关更多信息，请参阅http://the-stickman.com/web-development/javascript/jquery-dropping-items-from-a-draggable-list-to-a-sortable-list/

我已经成功实现了 jQuery sortable() 插件，但想用一个排序指示器来增强它。这将是可拖放项目之间的垂直条。有关示例，请参见下图。这可以通过 sortable() 插件轻松实现吗？

替代文字 http://www.host2000.be/_temp/sortable.jpg

我正在寻找一个包含许多项目的 Web 界面，这些项目可以选择并拖动以定位它们，无论是分组还是单独。真的很像 Windows 桌面。

我们已经在使用 JQuery，所以添加它是首选。JQuery UI Draggables 和 Selectables 单独完成了我们想要的大部分工作，但并没有真正协同工作以提供我们正在寻找的那种效果。

我完全被 JQ 插件网站弄得不知所措（它的“流行”算法似乎不是很有用），并且欢迎提供有关避免大量车轮改造的最佳方法的指导，因为我猜这个比喻有已经完成了。

我有一个可排序的列表和一个可拖动的 div：

#sortable 已经是一个 .sortable()。我应该能够在任何列表项（第一个、中间、最后一个）之间“拖动”另一个项目。

我该怎么做？

任何答复将不胜感激。

谢谢！