问题标签 [draggable]

我在一个区域上附加标签时遇到问题。我想在更改 ID 后将 #Normal_Tag1_div 的克隆附加到 #droppable。我还想让那个克隆可以在 #droppable only 上拖动。我怎样才能做到这一点？？

我有 < li > 元素的可拖动列表，我可以将其拖动到另一个空的 < ul > 元素中。如果我拖动可拖动原始 <ul> 的第一个 <li> 元素，一切正常......

问题：

...但是当我拖动该列表的任何其他 < li > 元素时，只要我越过接收可排序 < ul > 的边界，“助手”就会远离鼠标指针。更准确地说，它会上升到列表的顶部。

有没有人看到这个并知道解决方案？好吧，我的问题是，我只是在使用 jquery，并没有真正深入了解它，也从未真正深入使用过 javascript。

有关该问题的更多信息：

我的 jQuery 代码：

#roleList 和#roleDrop 是前面提到的无序列表，而#container 是一个表。

现在是发生了什么的屏幕截图。

我开始拖动项目：

http://drop.io/download/public/dkabw5hlq3yfm0f84yji/7bf91122adc241373a5da13b5bde4b231644c1c5/da142000-ff76-012b-41ee-f10bc9db08a6/5a1bfa70-68f6-012c-6d08-f20b5bde4b231644c1c5/da142000-ff76-012b-41ee-f10bc9db08a6/5a1bfa70-68f6-012c-6d08-f20b5bfa70-68f6-012c-6d08-f2025b5a

当我越过第二个 < ul > 的边界时，助手会跳起来。

http://drop.io/download/public/dkabw5hlq3yfm0f84yji/2fad1d633d38cf593da46c638d1930431ea5fd35/da142000-ff76-012b-41ee-f10bc9db08a6/5c65c4c0-68f6-012c-6601-f238d1930431ea5fd35/da142000-ff76-012b-41ee-f10bc9db08a6/5c65c4c0-68f6-012c-6601-f22umbdlarge_d947

如果您也需要 xhtml 标记，请告诉我。

我把我的屏幕分成了两个DIV。在左边DIV我有几个 50x50 像素DIV，在右边DIV我有一个由 80x80 组成的空网格LI。左边的DIVs 是可拖动的，一旦放在 a 上LI，它们应该对齐到 的中心LI。

听起来很简单，对吧？我只是不知道如何完成这件事。我尝试通过操纵 dropDIV的 'stop和leftCSS 属性来匹配LI它们被放入的那些，但是leftandtop属性是相对于 left 的DIV。

我怎样才能最好地让放置的元素捕捉到它放置的元素的中心？这一定很简单，对吧？

编辑：我将 jQuery UI 1.7.2 与 jQuery 1.3.2 一起使用。

编辑2：对于其他有此问题的人，这就是我修复它的方法：

我使用了 Keith 的解决方案，即删除拖动的元素并将其放置在dropdroppable 插件回调中的 drop-on 元素中：

我不再将放置的元素再次拖动，但如果这样做，只需将可拖动元素再次绑定到它。

对我来说，这种方法还解决了我在放置放置的元素（相对于 left DIV）和在第二个内部滚动时遇到的问题DIV。（元素将保持固定在页面上，现在它们滚动）。

我确实使用了捕捉选项以使其在拖动时看起来不错，因此感谢 karim79 的建议。

我可能不会因此赢得任何 Awesome Code 奖品，所以如果您看到改进的空间，请分享！

当我查看人们添加到 Scriptaculous 的内容时，我发现了一些有趣的代码，并且我正在尝试修改它以达到我的目的。我得到了几乎所有的工作，除了当我粘贴放置处理程序代码时，我的页面停止加载。

这是相关的snipits：

对于可拖动对象：

对于 Droppables：

丢弃处理程序：

我用“alert()”替换了代码，它开始工作正常，所以最后一个块中的某些东西不能正常工作。我不得不修改他们的很多代码以使其适用于当前版本的 scriptaculous，但我并不那么熟悉，所以它可能与旧代码有关？或者它可能有一些问题，我不够好看到。

使用 Canvas 元素，我从一个元素到另一个元素绘制一条线 另一个元素是可拖动的，当拖动元素时，该线跟随可拖动元素。

我的问题是渲染速度很慢（Mac PowerBook 上的 Fx 3.5）我想我以前在 Canvas 中看到过更好的性能

任何有 Canvas 经验的人都可以提供一些性能提示吗？

提前致谢

在拖动事件上调用以下方法，

}

感谢提示，

最好的问候埃里克

我有一组元素位于另一个元素中的“传送器”元素上，该元素设置为溢出：使用 css 隐藏。我如何在拖动时将元素“移出”溢出设置为隐藏的支架元素？当我拖动“项目”分类图像时，它仅在支架内拖动，当我尝试将其移动到支架“外部”时，它会隐藏，并且不会移动到旧支架元素之外。

我还尝试将新移动的元素附加到父元素，但是该项目不会恢复到我的持有者....请帮助！

试图附加项目：

我想知道是否有一种简单的方法来执行此操作（设置属性或 ListView 的某些内容），而不是通过 Drag 事件。

我想要的只是类似于 Windows 资源管理器的功能，用户可以在其中拖动 ListViewItems 到 ListView 中，当它们被拖放时，它们会保留在用户离开它们的位置。我只想知道列表视图中是否内置了这样的功能？如果不是，那么我将不得不处理拖动事件，但如果我不需要，我不想做任何不必要的工作！

谢谢，

更新
我所拥有的答案似乎都在使用包含拖放功能的示例项目，我很欣赏这些答案，尽管我已经了解如何做到这一点。问题的目的是 ListView 是否有任何内置功能，我可以利用这些功能对 ListViewItems 进行内部拖动。

我有一个jQuery UI draggable和几个单独定义的droppables。因为其中一个 droppable 被配置tolerance: 'intersect'，所以一个可拖动对象可能同时被拖放到多个 droppable 上。

防止意外 droppables 发射的最佳方法是什么？基本上，我想优先考虑droppables，以便在tolerance: 'intersect'触发另一个droppable 时不会触发droppables。

更新- 更多信息以澄清事情：

• tolerance: 'pointer'除了一类 droppable和tolerance: 'intersect'.

• 一类 droppable 具有的原因tolerance: 'intersect'是 droppable 非常狭窄，用户在使用tolerance: 'pointer'.

• 将 droppables 移得更远不是一种选择。

• 没有任何可放置对象重叠，但可拖动对象足够大，可以tolerance: 'intersect'在鼠标指针悬停在另一个可放置对象上时与 重叠tolerance: 'pointer'。以这种方式一次最多可以触发两个 droppable。

• UI 的布局是这样的，tolerance: 'intersect'如果触发了另一个 droppable，则可以通过忽略 droppable 来确定用户的意图；即，如果用户将鼠标指针移到一个带有 的droppable 上tolerance: 'pointer'，则可以安全地假设他/她打算将它放在那里。问题是，我不知道如何忽略不需要的 droppable。

使用 Google 托管的最新 jQuery/UI。我有以下标记：

以及以下 javascript：

});

如果我将第一个li向下拖动到第二个上，则 mousemove 函数会触发（并且 firebug 会记录输出）。但是，如果我将第二个li向上拖动到第一个上方，则 mousemove 函数不会触发。你可以在现场看到这个http://jsbin.com/ivala。是否有一个原因？我应该以其他方式捕获 mousemove 事件吗？

编辑：似乎认为 mousemove() 事件没有绑定到比当前被拖动的元素更早的元素（应该在鼠标悬停时绑定）。

我一直在开发一个图像平移工具，在一位好心的成员指导我使用 jQuery 的可拖动插件之后，我完成了大部分工作。现在，如果用户拖动图像（包含在大约 300 x 300 像素的 div 中），图像将首先闪烁，然后平移。这个问题似乎发生在鼠标按下事件之后，在鼠标移动事件上。图像将在鼠标移动时移动到四个角之一，移动到某些区域会导致另一个移动。我无法通过谷歌找到任何东西，而且我对 jQuery 还是比较陌生。

我已经在这里上传了代码，以防我的描述太模糊： http: //www.studentgroups.ucla.edu/csa/test/zoom.htm

非常感谢任何想法或建议！