流星：ドラッグ可能なオブジェクトを入れる方法

Question

私は流星には新しく、ドラッグ可能なオブジェクトがjqueryをフードの下に持っていると思っています。私はドラッグ可能なオブジェクトが中に移動することができます。 をjqueryのではあなたは誰もが持ってい

var containmentTop = $("#stop-top").position().top; 
var containmentBottom = $("#stop-bottom").position().top; 

$('#bar').draggable({axis: 'y', containment : [0,containmentTop,0,containmentBottom] }); 

ような何かをするだろうエリアを含むことができるようにしたいと思い

li id="data-item-sortable-id" 

を使って、ドラッグ可能なオブジェクトを追加しましたどのように流星がそのドラッグ可能なオブジェクトが行くことができる場所を含むようにする良い例ですか？

Answer 1

jQuery UIでは、封じ込めは、通常、Element、Selector、または特定の文字列値に基づいています。

指定された要素または領域の境界内にドラッグを制限します。

要素：コンテナとして使用する要素。

セレクタ：コンテナとして使用する要素を指定するセレクタです。

文字列：コンテナとして使用する要素を識別する文字列。可能な値："parent"、"document"、"window"

アレイ：形でバウンディングボックスを定義する配列[ x1, y1, x2, y2 ]

私は流星を使用していないが、私はあなたがでほしい封じ込めを得ることができると思われます次

var cTop = $("#stop-top").position(); 
var cBottom = $("#stop-bottom").position(); 

$('#bar').draggable({ 
    axis: 'y', 
    containment: [ cTop.left, cTop.top, cBottom.left, cBottom.top ] 
}); 

個人的に、私はちょうど"parent"のようなものを使用します。

これが機能しない場合は、より完全な例を参照する必要があります。

leftはX軸であり、topはY軸です。