首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Meteor :如何包含可拖动对象

Meteor :如何包含可拖动对象
EN

Stack Overflow用户
提问于 2017-01-16 23:55:59
回答 1查看 52关注 0票数 0

我是刚接触meteor,但从want中我了解到它的draggable对象在引擎盖下有jquery。我使用以下命令添加了draggable对象

代码语言:javascript
运行
复制
li id="data-item-sortable-id"

我希望能够包含可拖动对象可以移动的区域。在jquery中,您可以这样做

代码语言:javascript
运行
复制
var containmentTop = $("#stop-top").position().top;
var containmentBottom = $("#stop-bottom").position().top;

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

有没有人有一个很好的例子来说明如何让meteor包含它的可拖动对象?

EN

回答 1

Stack Overflow用户

发布于 2017-01-17 03:28:34

在jQuery UI中,包含通常基于元素、选择器或特定的字符串值。

将拖动限制在指定元素或区域的边界内。

元素:要用作容器的元素。

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

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

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

我没有使用过Meteor,但我怀疑你可以通过以下方式获得你想要的容器:

代码语言:javascript
运行
复制
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轴。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41680238

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档