限制各个容器 div 中多个 div 的拖动 - jquery draggable

Posted 2023-05-08

【中文标题】限制各个容器 div 中多个 div 的拖动 - jquery draggable

【英文标题】：limit drag of multiple divs within respective container divs - jquery draggable

【发布时间】：2012-04-10 13:42:52

【问题描述】：

我有 3 个 div（可拖动），每个都在其（容器）div 中。我可以使用“包含”来限制一个 div 的移动，但是当 3 个具有相同的类时，它就不起作用了。关于如何工作的任何帮助？这是一个快速的小提琴：

http://jsfiddle.net/B63Px/8/

【参考方案1】：

当你提供一个选择器作为容器时，它只包含它到与选择器匹配的第一个元素。

除非我有误解，否则您似乎想根据其父级来包含 div。在这种情况下，您应该使用

containment: "parent"

You can see this in action on jsFiddle.

【讨论】：

谢谢很多彼得，这就是我想要做的

如果你不介意还有一件事，你是如何在小提琴中完成这项工作的？我发布的那个在小提琴中不起作用。 （附言虽然我已将 liveDraggable 更改为 draggable）

嘿，感谢您的回复。我想使用类似“parent.class”的东西来实现这个jsfiddle.net/YqGJS/1，但似乎不可能。有什么帮助吗？

我正在尝试将绿色 div 从第一个 td 移动到第二个