javascript - 使 jsplumb 端点只读

Question

这是我的要求。将有可以使用 jsplumb 连接的 btns。当最后一个连接被给予“结束”按钮时，则不应有任何选项供用户编辑/更改/删除其建立的连接。这个怎么做？我尝试了这个: $('#target_div_id,.jsplumb-connector,.jsplumb-endpoint,.jsplumb-overlay').addClass('readonly_div');

.readonly_div{
opacity:0.5;
pointer-events: none ;
background-size:cover;
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);

}

但这不足以使 jsplumb 元素变为只读。请帮忙!

Answer 1

使用 ConnectionsDetachable 全局属性为 false 以防止断开任何连接。

jsPlumb.importDefaults({
  ...
  ConnectionsDetachable: false
  ...
});

或者使用可分离属性来防止在特定连接上分离

var c = jsPlumb.connect({
    source:"someDiv",
    target:"someOtherDiv",
    detachable: false
});