编辑我终于找到了我在网站上遇到的问题,在此示例中进行了演示:http://jsfiddle.net/DerNa/10/。你在这里看到的是#frame容器从0/0位置移动到50/50位置。由于某种原因,图片相对于“窗口”而不是父容器。有谁知道我怎么能相对于父容器?
旧问题关注
我无法弄清楚它是如何工作的,例如:http://jsfiddle.net/DerNa/4/
基本上我的问题来自于我在网上发现的内容以及我可以推断出的例子是[container_width-image_width,container_height-image_height ,? ?]。有意义的是前两个是你想要包含拖拽的不可见容器的左边和上边缘。但是,我不确定最后两个值是如何工作的,它们是右/底或宽/高,但在提供的例子中似乎没有多大意义。
如果有人能够对此有所了解,我们将不胜感激!
杰森
答案 0 :(得分: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或者更确切地说是图像所在的位置。