2017-01-30 8 views
0

私は個人的なプロジェクトにjQuery UIを使用しています。私は何かを知りたいです。 draggableアイテムをウィンドウから出す可能性を無効にするために、ドラッグ可能なjQueryアイテムを制御することは可能ですか?jQuery draggable from window

私は十分に明確だかはわからないので、ここで私はしたくないものの画面です:事前にLink

ありがとう!

答えて

1

jQuery UI Draggableを使用すると、Containmentというオプションがあります。その中で、親を指定して、その内部に制約を設定することができます。あなたの場合、親は身体でなければなりません。あなたの答えのための

$("#element").draggable({ 
    handle: tr_top, 
    containment: "window" 
}); 
+0

ありがとう:あなたはまた、次のように使用することができます

$("#yourElement").draggable({ scroll: false }); 

あなたはこの開始機能を使用することができます。私はAPI Docのスクロール機能をチェックしますが、実際にはどのように動作しているのか分かりませんが、これは動作しません。 2番目のオプションでは、ハンドル関数をチェックしますが、包含の使用のみで行います。それは仕事です。ちょうど質問ですが、上/左/右のドラッグ可能なアイテムをブロックすることはできますか? – Nathan30

+0

試してみよう: 封じ込め(containment)オプションは、配列を格納する位置を設定する配列を許可します。これを試してください: 'var containmentTop = $("#stop-top ")。 var containmentBottom = $( "#stop-bottom")。position()。先頭へ戻る draggable({軸、 'y'、封じ込め:[0、封じ込めトップ、0、封じ込めボトム]}) ' –

+0

ありがとうございますが、#stop-topと#stopは何ですか - 底? – Nathan30