3

编辑我终于弄清楚了我在我的网站上遇到的问题，在这个例子中得到了证明：http: //jsfiddle.net/DerNa/10/。您在这里看到的是#frame 容器从 0/0 位置（到 50/50 位置）移动。由于某种原因，图片是相对于“窗口”而不是父容器的。有谁知道我如何使它相对于父容器？

旧问题如下

我不知道这是如何工作的，例如：http: //jsfiddle.net/DerNa/4/

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

如果有人能对此有所了解，将不胜感激！

杰森

4

1 回答 1

2

根据http://api.jqueryui.com/draggable/#option-containment

遏制：

将拖动限制在指定元素或区域的范围内。可能的字符串值：'parent'、'document'、'window'、[x1, y1, x2, y2]。

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

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

转换为 -500、-127 和 0,0。所以基本上包含设置为左侧 500 像素和起始位置上方 127 像素的位置，结束包含 0,0 或者更确切地说是图像最初所在的位置。

于 2012-06-22T21:27:24.787 回答