>编辑 我终于弄清楚了我在我的网站上遇到的问题，在这个例子中演示了它：http://jsfiddle.net/DerNa/10/。您在这里看到的是 #frame 容器从 0/0 位置（移动到 50/50 位置）。出于某种原因，图片相对于"窗口"而不是父容器。有谁知道我如何使其相对于父容器？
老问题接踵而至
例如，我无法弄清楚这是如何工作的：http://jsfiddle.net/DerNa/4/
基本上，我的问题来自我在网上找到的内容，我可以通过尝试示例推断出[container_width-image_width，container_height-image_height，？？ 前两个是您希望包含可拖动对象的不可见容器的左边缘和上边缘是有道理的。但是，我不确定最后两个值是如何工作的，它们要么是右/底，要么是宽度/高度，但在提供的示例中似乎都没有多大意义。
如果有人能对此有所了解，将不胜感激！
杰森
每 http://api.jqueryui.com/draggable/#option-containment
遏制：
约束拖动到指定元素的边界内或 地区。可能的字符串值："父"、"文档"、"窗口"、"[x1， y1， x2， y2]。
因此，数字是 X，Y 格式的起始和结束坐标。在你的小提琴中，你有：
containment:[-500,-127,0,0]
换算成 -500，-127 和 0,0。因此，基本上，包含设置为左侧 500 像素的位置和起始位置上方 127 像素的位置，结束包含为 0,0 或更确切地说是图像最初所在的位置。