jQueryUI可拖动包含是如何工作的？

编辑我终于解决了我在网站上遇到的问题，下面的示例演示了这个问题：。这里您看到的是#帧容器从0/0位置移动到50/50位置。由于某些原因，图片相对于“窗口”而不是父容器。有人知道如何使其相对于父容器吗

老问题接踵而至

我不知道这是怎么回事，例如：

基本上，我的问题来自于我在网上找到的，我通过玩这个例子可以推断出[container_width-image_width，container_height-image_height，？]。可以理解的是，前两个是不可见容器的左边缘和上边缘，您希望可拖动的容器包含在其中。但是，我不确定最后两个值是如何工作的，它们要么是右/底，要么是宽度/高度，但在提供的示例中，这两个值似乎都没有多大意义

如果有人能解释一下，我们将不胜感激

杰森·佩尔

遏制：

约束拖动到指定元素或元素的边界内 区域可能的字符串值：'parent'，'document'，'window'，[x1， y1，x2，y2]

所以数字是X，Y格式的开始和结束坐标。在你的小提琴中，你有：

containment:[-500,-127,0,0]

---

也就是-500，-127和0,0。因此，基本上，包容被设置为左侧500像素和起始位置上方127像素的位置，最终包容为0,0，或者更确切地说是图像最初所在的位置。

嘿，非常感谢您的回答。在玩了我的网站和示例之后。我终于解决了我的实际问题。如果您能看看是否有什么可以做的，我们将不胜感激。非常感谢：）只需将容器更改为

容器：'parent'

好的，错误的问题，我的问题是图像不适合父对象，因此设置容器：'parent'将非常糟糕。这是一个演示：那么，这把小提琴的第四版和第十版有什么区别呢？我可以看到rev 10中的跳跃，但你为什么要射击？rev 4不是很接近您想要的吗？下面是JSFIDLE，它根据图像大小具有可拖动的边界：