问题标签 [jquery-ui-draggable]

我正在使用具有以下选项的可拖动：

我在加载时将可拖动应用到 jquery UI 选项卡的第二个选项卡的内容：

问题只是第一次拖动工作正常。当我不将可拖动对象拖放到可接受的可拖放对象中时，吊舱会恢复原状，但我无法再次拖动。无论如何，被拖动的 pod 都失去了可拖动性。

在尝试对可拖动的 init 应用停止功能时，我走上了需要嵌套无限 .draggable 调用的道路。

完整脚本：

由于这个小提琴有效：http: //jsfiddle.net/notbrain/DycY6/41/我肯定认为它与加载选项卡时 .draggable() 的动态应用有关。

任何指针都非常感谢！

如果我有一个 jQuery Draggable 对象

和一个连接的可排序

我无法阻止这个可拖动的对象放在空的可排序对象上。

Sortable本身有一个选项 dropOnEmpty，当设置为 false 时，它​​会阻止您将内容从该sortable 拖放到空的 sortable 上；但是 Draggable 没有这样的选项。

我试过这个：

在我的情况下，#drag-me 元素是图像，但 Sortable 元素不是。performMagic 函数成功地将图像转换为可排序包含的 TBODY 元素。但结果不一致；有时它会成功取消操作，但有时它会在其他地方中断。

问题是，我在正确的轨道上吗？这是防止将 Draggable 拖放到空链接的 Sortable 上的唯一方法吗？有没有办法可以劫持现有的 Sortable-to-Sortable 行为？

钛铝

编辑：我把这个问题剪掉了，然后把它放在

看看它是如何改变的原始项目而不是新项目 http://jsfiddle.net/mikkelbreum/DBG5q

看看拖动的助手是如何被改变的，但是一旦它被放下，元素就会恢复原状。 http://jsfiddle.net/mikkelbreum/dpTC8

我有一个链接到可排序列表的可拖动列表

当我从 draggable 拖动到 sortable 时，我使用了一个克隆的助手，所以原始的仍然留在 draggable 集合中。

每次我将克隆从可拖动列表拖到可排序列表时，我想给新副本一个唯一的标题（操纵它的 h2 元素）。

我找不到解决新创建元素的方法。

我尝试了两种方法：

一种是在可拖动对象的开始事件中定位助手克隆。这里的问题是，尽管助手克隆确实发生了变化，但是当它在可排序列表中创建时，该变化并没有复制到最终元素。在那里创建的新元素采用它是克隆的可拖动列表中原始元素的值。

当我开始拖动时，我可以在克隆上设置更改，但是当它被放到可排序的对象上时，h2 会重置为原始标题。

所以现在我尝试了一种辅助方法，我尝试在可排序的接收事件中更改新的原件：

这会在我从中拖动元素的列表中更改原始元素的 h2，但是在 sortable 中创建的新元素仍然是旧的原始元素。

如何定位/更改它？

如何使用 jQueryUI Dragger 根据它们的 margin-top、margin-left 拖动项目，而不是默认的 top 和 left 属性。

我使用 jQuery UI 库来拖动和排序元素： http: //jqueryui.com/demos/sortable 这工作正常，但我不能拖动输入元素，如 textarea。这些文本区域被禁用，因此无需在其中写入。我用谷歌搜索了一下，发现我不是唯一一个遇到这个问题的人。对此有一些半解决方案，但它们似乎都过时了。（jQuery 发展很快）。

我有一个ul可拖动的项目(#doc-editor-options ul li)，一个用于放置这些项目的区域(#doc-editor-content)以及一个ul用于存放这些项目的区域(#items-holder)，这是可排序的。这种拖放只是单向的，只能将列表中的项目拖放到持有人中。

我有两个问题：

1. 现在，当我从列表中拖动一个项目并将其放入另一个列表时，drop回调 for.droppable()被调用两次。我认为这与#item-holder可排序有关。我希望它仅在我将一个项目放入列表并且只知道该项目event和ui回调时才被触发。
2. 我还需要默认情况下items-holder不可排序的功能。它变得可排序的唯一时间是当您将项目拖动并悬停在其上时。所以默认情况下我不能对列表进行排序，但是如果我将一个项目拖到它上面，我可以选择将该项目放在列表中的哪个位置（即列表现在是可排序的），一旦我放下它，列表就会变得不可排序再次。

编辑：我想出了＃2，我需要绑定mousedown到启用排序然后禁用它的可拖动项目mouseup。#1 仍然存在问题，当我将项目放入或悬停在项目持有者之外时，似乎某些sortable事件正在触发回调。drop

我试图让 sortable 与 draggable 一起工作，并且可以对一些 ebox 进行排序，但限制将排序元素拖到其包装元素之外。

这里的代码：http: //jsfiddle.net/jsMR4/

发生的事情是可排序插件似乎覆盖了可拖动的轴：'x'选项，然后可以将任何元素拖动到文档中的任何位置而不是包装容器中。

我希望你们能提出一些建议来让这些一起工作并实现所需的行为。

非常感谢！

问候， byte_slave

我在 jQuery 中的拖放有问题。在我的代码中有一个可拖动的 div。当我将它移动到某个可放置的表格单元格时，该 div 的克隆将附加到表格单元格中。但是当我拖动克隆时，原来的 div 被移动了。这是放置时调用的函数：

我无法通过谷歌搜索找到明确的答案。我不知道它是否与此有关，但 div 有一个相对位置（并且需要保持这种状态）。

如何确保克隆可以像原始一样被拖动？

我正在一个需要大量代码的网站上工作，事实证明其性质大大超出了我对 JQuery 的有限了解。该站点的结构如下（不太确定这是否是针对需要使用它完成的操作的最佳结构，JQuery-wise）：

基本前提是一旦“菜单类型”DIV 之一被拖放到可拖放区域内，相应的菜单结构就会显示在内容DIV 中。同样，一旦被删除，“contenttype”就会显示该菜单中的内联内容。

在这一点上，我对如何实现这一目标感到困惑。我的主要问题是我不知道如何区分 .droppable 中的菜单和内容类型，因为我只知道如何定义它接受哪些项目，而不知道如何单独处理可拖动项目。

我不希望有人吐出必要的代码，但一些指针或示例将不胜感激。

jQuery UI Draggable 提供了一个grid选项，当设置该选项时，会将您的可拖动元素捕捉到网格。我遇到的唯一问题是我仍然希望它在捕捉之前进行动画处理。

如果我的网格是，[500,500]那么在鼠标覆盖 500px 的距离之前不会有用户反馈。

是否可以做类似的“对齐网格”的事情，但同时也可以动画？