jquery Draggable - 获取仅包含句柄的遏制

发布于 2024-09-19 17:07:07 字数 339 浏览 3 评论 0原文

我正在使用 jQuery UI 的draggable() 使页面上的某些元素可拖动。我已经为元素设置了一个处理程序和一个包含集，但我希望可拖动元素本身能够悬挂在包含之外。我只希望把手留在容器内。

就像下面一样，假设 * 是句柄。

+-------------------+
|Containment        |
|                *----------+
|                |Draggable |
|                +----------+
+-------------------+

有没有一种偷偷摸摸的方法可以做到这一点，而不必自己计算新的遏制？

原文

I'm using jQuery UI's draggable() to make some elements on my page draggable. I've got a handler and a containment set for the elements, but I'd like the draggable element itself to be able to hang out of the containment. I only want the handle to stay inside the container.

Like below, pretend the * is the handle.

+-------------------+
|Containment        |
|                *----------+
|                |Draggable |
|                +----------+
+-------------------+

Is there a sneaky way to do this without having to calculate a new containment myself?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

洛阳烟雨空心柳 2024-09-26 17:07:07

到目前为止我的解决方案：

function start (e, ui)
{
    var draggable = ui.helper.data('draggable');
    draggable.helperProportions = { height: 10, width: 10 };
    ui.helper.data('draggable', draggable);
    ui.helper.data('draggable')._setContainment();
}

让我难过的是我在draggable的内部搞乱了，但它有效。

My solution so far:

function start (e, ui)
{
    var draggable = ui.helper.data('draggable');
    draggable.helperProportions = { height: 10, width: 10 };
    ui.helper.data('draggable', draggable);
    ui.helper.data('draggable')._setContainment();
}

Makes me sad that I'm mucking around in draggable's internals, but it works.

回复收藏 0 原文

~没有更多了~