Я использую JSPlumb для соединения нескольких блоков и могу установить метку для соединения, используя:
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"
Новая документация
