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