问题标签 [jquery-ui-droppable]

我需要显示父值和子值。但在这里我只有一方面的价值。但我需要双方。

例如：

我有如下列表：

如果我拖动黄色并将其放入title2。然后我必须像这样显示父母和孩子的价值

这里小提琴链接：http: //jsfiddle.net/thilakar/mwypv/16/

我在容器中有一些图像，它们都是可拖动的，并且下面有一些带有“容器”类的可放置容器。

可拖动对象已将“snap”定义为“.container”。

问题是，如果它“捕捉”到容器中，可拖动对象永远不会下降，如果我删除“捕捉”属性问题就解决了，但我真的很想在它们下降之前捕捉可拖动对象

左边的图像不掉（被抓拍），右边的图像掉得好。

我会很感激任何想法

代码：

HTML：

我正在开发一个 FullCalendar 实现，它可以完成所有基本功能，它们工作得很好（拖放、调整大小、添加、删除、编辑事件）。但是，我最近在我的日历中集成了一个“重复项目”功能，用于纪念日等。这也很好。

当我有一个项目（重复，比如说 100 次）被拖到新位置时，问题就出现了。进行 ajax 调用以更新数据库中项目的日期/时间，以及所有“重复”项目。这可能需要几秒钟 - 所以我想在事件被拖放到的日期 DIV 中显示一个“正在加载”的 GIF。如何获得 DIV id 或 DIV 作为对象？

编辑

如果有办法绕过它，我也愿意听取日期 div 中加载图形的其他替代方案。

我正在为下面的拖放示例制作原型，该示例正在执行我要求的所有操作，但我无法触发 drop 事件。

元素只是还原而不粘贴到内容 div 中。任何我想念的想法

我有一个 droppablediv#space和一个 draggable 集合li.element。当我li.element在div#space新ul.group创建的 a 中拖动 a 时，将li.element附加到 theul.group并最终将其设为ul.groupdroppable。

给定

我希望这些元素的行为如下：

1. 当 anli.element被放入ul.group不包含它的 中时，li.element将被添加到ul.group
2. 当 anli.element被放入包含它的那个中时，ul.group将恢复到它的原始位置li.element
3. 当 anli.element被放入div#space（在 a 之外ul.group）时，会创建一个新组，如上所述。

问题是当一个元素被放到一个ul.group不接受它的元素上时，父元素div#space会捕捉到这个事件并创建一个新组。

有ul.grpup一个接受函数来检查 droppable 是否是一个元素以及它是否尚未被删除。

如果不是通过接受所有内容并忽略丢弃处理程序中的内容，您将如何实现此行为？（我没试过，但我想这会奏效）

编辑

尝试修复它

我修补了 jquery-ui-1.8.4.js 以将事件传递给接受函数。现在我可以用 停止传播$(event).stopPropagation()，但我必须手动将可拖动助手动画回其原始位置以模拟还原，然后将其从 dom 中删除。

不幸的是，它似乎也破坏了原始元素的可拖动行为。为什么，哦，为什么？

我有一个带有项目网格的页面。这些项目中的每一个都可以拖到四个 div 之一并添加到该 div。这是使用 jQuery 和 JQuery UI 可拖放/可拖放完成的。

第一个同位素项目可以拖到任何 div 上。但是，第 2 和第 3 个同位素项目不识别第一个可放置的 div，但当拖到第 2 个可放置的 div 上时，将添加到第一个可放置的 div。

第 4 和第 5 个可拖动项目（同位素）无法识别第一个或第二个可放置 div，但当拖动到第 3 个可放置项上时，会添加到第 2 个可放置项。

所以不知何故，droppable 对物品被丢弃的位置感到困惑。

当我注释掉以下代码时，拖放工作正常。关于为什么此代码会影响可放置区域的任何想法？

- - - - - - - - 更新 - - - - - - - - -

在玩了一些之后，我决定在开始拖动时添加“破坏”同位素。

当我以这种方式运行它时，项目将被放入正确的容器中。

同位素文档说它们是“删除”功能，这有两个问题。

1）文档说它删除了“从同位素小部件和 DOM 中指定的项目元素”，但我不想从小部件或 dom 中删除该项目，我只想删除同位素功能

2) 我收到一个错误“无法在初始化之前调用同位素上的方法，试图调用方法删除” - 但在这种情况下，同位素已初始化，但可能不在被克隆的对象上？这超出了我的能力，虽然我希望学习。

现在我找到了一种纠正这个错误的方法，我可以在拖动时破坏同位素，然后在拖动完成后重新初始化同位素，或者放开物品，但这似乎效率低下。

我有一个类似于这个已回答问题的错误： js/jQuery Drag'n'Drop, recalculate the drop targets

如果用户在布局中有一个可拖动的移动，并改变了可放置对象的位置，则可以调用 $.ui.ddmanager.prepareOffsets 来重置偏移量。这是上述票证中的答案。

我有一个带有克隆助手的 sortable，它仍然会在我的 droppable 上触发接收回调，即使它应该只适用于可拖动对象（接收回调有效）。所以看起来助手像一个假的可拖动一样运行，因为它可以交互但没有.data（'draggable'）。

我是否需要明确地将我的 sortable 中的每个项目都设为可拖动的，或者是否有其他方法可以使用我错过的 $.ui.ddmanager.prepareOffsets？

有关使用 prepareOffsets 的另一个示例，请查看：http ://rubberflat.com/2010/06/refresh-jquery-ui-droppable-area-after-shifting-position/

如何从创建事件中引用禁用的选项？

下面的代码可以工作，但我想通过不引用$(this)，而是引用“event”和“ui”参数来使其更简洁和更短。我缺乏理解或知道如何使用这些参数的知识。

我想它看起来像这样：

我该怎么做？

我试图在菜单中制作可放置的元素。我在页面的右下角放置了 3 个绝对位置的 div。

见：http: //img600.imageshack.us/img600/9927/sinttulo1vv.png

绿色 div 它是一个用于检测的 div：

红色 div 是菜单，起初它不显示，但是当它超过绿色 div 时，它会出现。

蓝色 div 用于检测输出：

问题是，当我在菜单中放置某些东西时，首先检测到这个可放置对象并且从不放置，进行过度和退出事件但没有放置。

我正在尝试贪婪的选择，但什么也没做：S

有人可以帮助我吗？谢谢！

我可以拖动专辑封面的图像，当它们从购物车按钮上移开时，它们会克隆并返回到原来的位置，但是当我将它放在购物车按钮上时，它不会更新购物车，它只是回到原来的位置状态。为什么会出现这种情况？

控制器

如果您想查看更多代码，请发表评论