JSPlumb显示悬停

Question

连接标签我使用JSPlumb连接一堆块的，我用我能够设置标签的连接：

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

这样的标签总是连接上可见。 有没有办法让标签只出现在鼠标悬停上？

Answer 1

我已经为你所描述的同样的挑战，我的解决办法是这样的：

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"); 
}); 

让我知道如果它适合你，欢呼！

更新：使用 “鼠标悬停” 而不是 “的mouseenter”
New Documentation