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] });

有没有人有一个很好的例子说明如何让meteor包含其可拖动对象的位置？

Answer 1

在jQuery UI中，Containment通常基于Element，Selector或特定的字符串值。

约束拖动到指定元素或区域的范围内。

元素：用作容器的元素。

选择器：指定要用作容器的元素的选择器。

字符串：标识要用作容器的元素的字符串。可能的值："parent"，"document"，"window"

数组：定义[ x1, y1, x2, y2 ]
形式的边界框的数组

我没有使用Meteor，但我怀疑你可以通过以下方式获得你想要的收容：

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轴。

Meteor：如何包含可拖动对象

1 个答案: