带有拖动连接的jsPlumb：如何在连接上绑定点击事件？答案

【问题标题】：jsPlumb with dragged connections: How to bind click-events on connection?带有拖动连接的jsPlumb：如何在连接上绑定点击事件？
【发布时间】：2014-08-16 17:16:36
【问题描述】：

我通过拖放连接 jsPlumnb 中的端点。当我尝试将点击事件绑定到已建立的连接（例如分离它）时，我没有得到以下代码的结果：

jsPlumb.bind("connection", function (info, originalEvent) {
    alert("connected "+info.sourceId+" and "+info.targetId + " via "+info.connection);
    var connection = info.connection;
    connection.bind("click", function(connection, originalEvent) {
        alert("you clicked on "+connection);
        jsPlumb.detach(connection);
    });    
});

有什么想法吗？

【问题讨论】：

标签： javascript click connection bind jsplumb

【解决方案1】：

您可以直接在 JS Plumb 实例上绑定 click 处理程序：

var plumb = jsPlumb.getInstance();
plumb.bind("click", function(connection, originalEvent) {

    alert("you clicked on " + connection);
    jsPlumb.detach(connection);

});

【讨论】：

【解决方案2】：

找到它：不要添加其他与点击相关的侦听器，它们可能会消耗事件并阻止触发绑定的点击侦听器。

上面的代码在不涉及任何其他点击侦听器的情况下运行良好......

【讨论】：

你能告诉我你是如何使用拖放连接端点的吗？