流星：如何遏制拖動對象

Question

我是新來的流星，而是想從我瞭解它拖動對象具有引擎蓋下的jQuery。我用

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

添加了可拖動對象，我想能夠遏制該地區的可拖動對象可以 移動。在jQuery中，你會做這樣的事情

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

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

有誰有如何使流星包含其中，它的拖動對象可以去很好的例子嗎？

Answer 1

在jQuery的用戶界面，遏制通常是基於一個元素，選擇器，或一個特定的字符串值。

限制拖動到指定元素或區域的範圍內。

元素：用作容器的元素。

選擇器：指定要用作容器的元素的選擇器。

字符串：標識要用作容器的元素的字符串。可能的值："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軸。