JSPlumb显示连接标签悬停

JSPlumb show connection label on hover

本文关键字：悬停 标签 连接 显示 JSPlumb      更新时间：2023-09-26

我正在使用jsplumbb连接一堆块，我能够设置一个标签的连接使用:

JSPLUMB_INSTANCE.bind("connection", function (info) {
    info.connection.getOverlay("label").setLabel("w="+width+"<br>p="+pipelining);
});

这样标签在连接上总是可见的。是否有一种方法，使标签只出现在鼠标悬停?

我遇到了和你描述的一样的挑战，我的解决方案是这样的:

function setConnectionLabel(connection, label) {
    connection.bind("mouseenter", function(conn) {
        conn.addOverlay(["Label", { label: label, location:0.5, id: "connLabel"} ]);
    }); 
    connection.bind("mouseout", function(conn) {
        conn.removeOverlay("connLabel");
    });
}

所以在你的情况下，这应该可以达到目的:

JSPLUMB_INSTANCE.bind("connection", function (info) {
    setConnectionLabel(info.connection, "Labeltext");
});

让我知道它是否适用于你，干杯!

更新:使用"mouseover"代替"mouseenter"
新文档

相关文章：