JSPlumb Показать метку соединения при наведении

Я использую JSPlumb для подключения нескольких блоков, и я могу установить метку для соединения, используя:

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

Таким образом, метка всегда видна на соединении. Есть ли способ заставить ярлык появляться только при наведении курсора мыши?

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"
Новая документация

Другие вопросы по тегам