yui - 使用 jsPlumb 和 YUI 使 Div 可拖动但包含

Question

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

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

div 仍然可以拖动到其父级的边界之外。如果我将父级的 css 设置为“overflow:hidden”，当 div 被拖到父级边界之外时，我将看不到该 div，但我仍然会看到该 div 的连接器，这看起来非常尴尬。 要快速查看这一切:http://jsfiddle.net/xXYwX/3/ 有谁知道是否有办法在 YUI 中使用 jsPlumb 的可拖动功能，并且仍然限制可拖动 div 的移动？

谢谢!

Answer 1

首先使用 jsPlumb 使 div 可拖动:

jsPlumb.draggable("window2");

然后添加必要的 jsPlumb 端点:

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

然后添加 HTML 可拖动

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

它对我有用..