使Divs Draggable，但包含与YUI使用jsPlumb

Question

我试图使用jsPlumb与YUI框架，使一些div可拖动和连接。然而，我发现，当我试图让div的拖动，但其包含的母公司内，使用：

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

股利仍是可拖动其父的范围之外。如果我将父级的CSS设置为“overflow：hidden”，那么当它被拖到父级边界之外时，我不会看到div，但我仍然会看到div的连接器，看起来很尴尬。 有没有人知道是否有一种方法可以使用jsPlumb的可拖动函数与YUI，并仍然限制可拖动div的移动？

谢谢！

Answer 1

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

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

Answer 2

首先使在div拖动使用jsPlumb：

jsPlumb.draggable("window2"); 

然后添加必要jsPlumb终点：

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

然后添加HTML可拖动像

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

它为我工作..

Answer 3

使您的容器溢出：在CSS中可见