我是刚接触meteor,但从want中我了解到它的draggable对象在引擎盖下有jquery。我使用以下命令添加了draggable对象
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包含它的可拖动对象?
发布于 2017-01-17 03:28:34
在jQuery UI中,包含通常基于元素、选择器或特定的字符串值。
将拖动限制在指定元素或区域的边界内。
元素:要用作容器的元素。
选择器:指定要用作容器的元素的选择器。
字符串:标识用作容器的元素的字符串。可能的值:"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轴。
https://stackoverflow.com/questions/41680238
复制相似问题