yui - 使用带有 YUI 的 jsPlumb 使 Div 可拖动但包含

Question

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

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

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

谢谢！

Answer 1

首先使用 jsPlumb 使 div 可拖动：

jsPlumb.draggable("window2");

然后添加必要的 jsPlumb 端点：

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

然后添加 HTML 可拖动，如

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

它为我工作..

Answer 2

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

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

Answer 3

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