Метеор: как содержать перетаскиваемый объект

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 сдерживание обычно основано на элементе, селекторе или определенном строковом значении.

Ограничения, перемещающиеся в пределах указанного элемента или региона.

Элемент: Элемент для использования в качестве контейнера.

Селектор: Селектор, определяющий элемент, используемый в качестве контейнера.

String: Строка, идентифицирующая элемент для использования в качестве контейнера. Возможные значения: "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.