JQuery可调整大小，对齐其他可调整大小对象的边界？

Question

我想知道为什么他们没有开发具有将可调整大小的对象捕捉到其他对象（而不是捕捉到网格）的选项的JQuery可调整大小功能，就像可拖动一样？是否有人知道这样的插件来实现此功能？ 谢谢。

- vantrung -cuncon

Answer 1

想要达到这个效果，可以试试这个：

https://github.com/polomoshnov/jQuery-UI-Resizable-Snap-extension

- leo.vingi

---

哦，这就是我需要的全部！谢谢！ - vantrung -cuncon

@Thomas 谢谢你提醒我！已更新。 - leo.vingi

它只会吸附到其他可拖动的元素吗？ - Stefan Brendle

非常好用！我使用的是jQuery UI 1.11.4，所以不用担心@RolandSoós的评论（除非你使用的版本低于1.8？）。我稍微调整了一下代码，使其在对象不在同一个绝对定位父元素中时也能正常工作（这就是$.ui.draggable.snap的行为方式）。如果有人需要在更复杂的布局上进行捕捉，可以在这里找到更改内容：https://github.com/polomoshnov/jQuery-UI-Resizable-Snap-extension/pull/9 - SteveShaffer

Answer 2

对于我来说，这个 JavaScript 插件并没有起作用，可能是因为它已经过时了几年。相反，我找到了一个更简单的解决方案，只使用了 JQuery-UI 库中的原始属性。

在你想要“吸附”的对话框上，只需做如下操作：

$('.your-dialog-filter').dialog().parents('.ui-dialog').draggable('option', 'snap', true);

就像这样简单。

更多信息和演示：https://jqueryui.com/draggable/#snap-to

- digofreitas

---

问题是关于可调整大小、可拖动捕捉的，很容易解决。 - PeterM