我正在尝试将jsPlumb与YUI框架一起使用,以使一些div可拖动并连接。但是,我发现当我尝试使div可拖动但包含在其父级中时,使用:
jsPlumb.draggable("window2", {
containment:"parent"
});
div在其父级范围之外仍然可以拖动。如果我将父级的css设置为“overflow:hidden”,当它被拖到父级边界之外时我不会看到div但是我仍然会看到div的连接器,这看起来很尴尬。 要在小提琴中看到这一切:http://jsfiddle.net/xXYwX/3/ 有没有人知道是否有办法在YUI中使用jsPlumb的可拖动功能并仍然限制可拖动div的移动?
谢谢!
答案 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中可见