0

次のページがあります: http://jsfiddle.net/DerNa/

私がやりたいのは、フレーム内の画像を制限することです(画像を境界線から離すと、それを防ぐことができます)。最初にこれを試しました:http://jsfiddle.net/DerNa/1/

それが機能しなかった後、私はこれをやろうとしました: http://jsfiddle.net/DerNa/2/

しかし、false を返すと、何らかの理由でドラッグが完全にキャンセルされます。その特定のドラッグアクションをキャンセルしたいだけです。

誰にもアイデアはありますか?

どうもありがとう!

4

1 に答える 1

2

配列座標値を使用しますcontainment

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

フィドラーの例では、次を使用できます。

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

jsfiddleの解決策は次のとおりです:http://jsfiddle.net/DerNa/3/

要求に応じて説明を追加:

x1, y1left, top要素をドラッグできる最小値は、要素をドラッグできる
x2, y2最大値ですleft, top

于 2012-06-22T00:26:06.820 に答える