使用带有 YUI 的 jsPlumb 使 Div 可拖动但包含答案

【问题标题】：Making Divs Draggable But Contained Using jsPlumb With YUI使用带有 YUI 的 jsPlumb 使 Div 可拖动但包含
【发布时间】：2026-01-05 00:55:02
【问题描述】：

我正在尝试将 jsPlumb 与 YUI 框架一起使用，以使一些 div 可拖动和连接。但是，我发现当我尝试使 div 可拖动但包含在其父级中时，使用：

jsPlumb.draggable("window2", {
    containment:"parent"
});

div 仍然可以拖动到其父级的范围之外。如果我将父级的 css 设置为“溢出：隐藏”，当它被拖出父级的边界时，我将看不到 div，但我仍然会看到 div 的连接器，这看起来真的很尴尬。要在小提琴中看到这一切：http://jsfiddle.net/xXYwX/3/ 有谁知道是否有办法在 YUI 中使用 jsPlumb 的可拖动功能并且仍然限制可拖动 div 的移动？

谢谢！

【问题讨论】：

标签： yui draggable jsplumb

【解决方案1】：

首先使用 jsPlumb 使 div 可拖动：

jsPlumb.draggable("window2");

然后添加必要的jsPlumb端点：

jsPlumb.addEndpoint("window2", { ----});

然后添加 HTML 可拖动的样

$('#window2').draggable({
    containment: 'parent'
});

它对我有用..

【讨论】：

【解决方案2】：

不，jsPlumb 的 yui 版本似乎不可能。 'dd-constrain' 模块丢失，我找不到插入此模块的方法，因为您无法访问 Y.DD.Drag 对象。

您可以向创建者发送功能请求或在 github 上进行拉取请求。这是一个带有约束拖动的简单 yui 示例： http://yuilibrary.com/yui/docs/dd/constrained-drag.html

【讨论】：

【解决方案3】：

让你的容器溢出：在 css 中可见

【讨论】：