如何拖動圖像內框與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你的元素可以拖到