个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有动态创建的节点(由 yui3 库)。作为 html 元素同一父级的子级创建的所有节点。
但是在设计方面，某些节点必须是其他元素的端点。
对于连接绘制，我使用 jsPlumb 库。
示例。
HTML 代码:
<html>
<body>
<div class="window" style="height: 150; width: 100; top: 50; left:50">parent</div>
<div class="ep" style="height: 10; width: 10; top: 55; left:45">1</div>
<div class="ep" style="height: 10; width: 10; top: 70; left:45">2</div>
</body>
</html>
我希望“1”和“2”元素将是“父”元素的端点。
所有元素都应该是可拖动的，并且“子”分区应该与“父”分区一起移动。
如何解决这个问题？
感谢您的关注，尤金。
问题:
如何将现有的划分作为其他元素(节点)的端点？
如何通过拖动“父”元素来拖动元素列表？
使用 yui3 的解决方案也非常有用。
我的研究:
jsPlumb 库中有“addEndpoint”函数。但是这个函数为端点创建新节点。我不明白用我的设计绘制端点的方法(即不是标准矩形或圆形)以及某些元素属性设置的正确方法。
我尝试制作分层 html 文档，但这种情况产生了下一个问题:在子层绘制连接。经过几周尝试纠正此错误后，我选择了当前版本。
最佳答案
引自问题
There is "addEndpoint" function in jsPlumb library. But this function create new node for endpoint. I don't understand approach for drawing endpoint with my design (i.e. not standard rectangles or circles) and correct approach of the some element attributes setting.
文档 - http://jsplumbtoolkit.com/doc/endpoints.html
有多种方法可以自定义端点，当然使用您自己的 html 元素会很麻烦，而且我没有看到这样做的好理由(最好在 jsPlumb 上下文中拥有东西，因为有很多要处理的处理程序/事件/查询)。您可以自定义有关端点的所有内容。
演示 - http://jsplumbtoolkit.com/demo/
如果您已经尝试过一些有关端点外观和感觉的方法但没有成功，您可以告诉我们。恕我直言，使用图像作为端点的能力满足了所有用例。
以下是删除连接和端点的方法:
jsPlumb.getConnections({
//source: id (you can delete selectively by querying what you want)
}).forEach(function (conn) {
jsPlumb.detach(conn);
});
jsPlumb.selectEndpoints({
//source: id (you can delete selectively by querying what you want)
}).each($.proxy(function (ele) {
var uuid = ele.getUuid();
jsPlumb.deleteEndpoint(uuid);
}, this));
还有一些简写，例如:
jsPlumb.deleteEveryEndpoint();
jsPlumb.detachEveryConnection();
关于javascript - jsPlumb:如何进行从分区到端点的修改？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25235747/
25
4
0
我是一名优秀的程序员,十分优秀！