使jsplumb端點只讀

Question

這是我的要求。 將會有可以使用jsplumb連接的btns。當最後一次連接被賦予END按鈕時，用戶不應該有任何選項來編輯/更改/刪除已建立的連接。這個怎麼做？ 我嘗試這樣做：$('#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

使用ConnectionsDatachable全局屬性爲false以防止分離任何連接。

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

或者使用可拆卸屬性，以防止分離特定的連接上

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