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

时间:2013-02-13 03:02:12

标签: yui draggable jsplumb

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

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

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

谢谢!

3 个答案:

答案 0 :(得分:2)

首先使用jsPlumb:

使div可拖动
jsPlumb.draggable("window2");

然后添加必要的jsPlumb端点:

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

然后添加HTML可拖动的

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

它为我工作..

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

让您的容器溢出:在css中可见