3

編集私は最終的に私が自分のサイトで抱えていた問題を理解しました。それはこの例で示されています: http://jsfiddle.net/DerNa/10/。ここで見ているのは、#frame コンテナが 0/0 の位置から (50/50 の位置に) 移動していることです。何らかの理由で、画像は親コンテナーではなく「ウィンドウ」を基準にしています。親コンテナに対して相対的に作成する方法を知っている人はいますか?

古い質問が続きます

たとえば、これがどのように機能するかわかりません: http://jsfiddle.net/DerNa/4/

基本的に私の質問は、オンラインで見つけたものからのもので、例をいじって推測できるのは、[container_width-image_width, container_height-image_height, ? ?]。最初の 2 つは、ドラッグ可能なものを入れたい非表示のコンテナーの左端と上端であることは理にかなっています。ただし、最後の 2 つの値がどのように機能するかはわかりません。しかし、どちらも提供された例ではあまり意味がないようです。

誰かがこれに光を当てることができれば、それは大歓迎です!

ジェイソン

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 に答える