jquery - 如何使用jqueryui可拖动将图像拖动到框架内

Question

我有以下页面：http: //jsfiddle.net/DerNa/

我想要做的是将图像限制在框架内（这样当您将图像从边框移开时，它会阻止它）。最初我试过这个：http: //jsfiddle.net/DerNa/1/

在它不起作用后，我尝试这样做：http: //jsfiddle.net/DerNa/2/

但返回 false 只会出于某种原因取消拖动。我只是希望它取消那个特定的拖动动作。

有人有想法么？

非常感谢！

Answer 1

对 使用数组坐标值containment：

$('img').draggable({containment:[x1,y1,x2,y2]})​;

在您的提琴手示例中，您可以使用：

$('img').draggable({containment:[-300,-300,0,0]})​;

这是 jsfiddle 中的解决方案：http: //jsfiddle.net/DerNa/3/

根据要求添加说明：

x1, y1是left, top您的元素可以拖动到的最小值是您的元素可以拖动到
x2, y2的最大值left, top