jQuery UI 可拖动的捕捉标尺

Posted

技术标签:

【中文标题】jQuery UI 可拖动的捕捉标尺【英文标题】:jQuery UI Draggable snap rulers 【发布时间】:2010-11-20 04:35:25 【问题描述】:

我正在使用 jquery 和 jquery-ui 设置拖放界面。我有元素捕捉工作,这很好,但现在我试图让元素在远处捕捉,使用某种自动临时指导标尺。

一个非常好的实现是在 Mac 版的 Powerpoint 上。这是正在进行的拖动的屏幕截图:

有没有为此而存在的某种 jQuery 插件?如果没有插件,是否有一些简单的方法可以绘制可以捕捉的线条?是否有处理计算点和确定要创建哪些线的算法?

【问题讨论】:

您找到问题的答案了吗? 不。我想我最终只是将所有内容都对齐到一个网格。 【参考方案1】:

您始终可以复制/粘贴 draggable.js 的 snap-part 并更改一些 css 值。这将是实现它的最简单方法,因为基础已经用 jquery-ui 编写。

【讨论】:

以上是关于jQuery UI 可拖动的捕捉标尺的主要内容,如果未能解决你的问题,请参考以下文章

如何在 snap 上找出 jQuery UI 可拖动元素的“捕捉到”元素

JQuery-UI可拖动重置到原始位置

在拖动 jquery 可拖动 div 时显示指南并进行捕捉

让 jQuery 可拖动以捕捉到特定网格

jquery可拖动/可放置更改快照

JQuery-UI 可拖动项变为不可拖动