Создание конечных точек jsplumb только для чтения

Question

Вот мое требование. Будут btns, которые можно подключить с помощью jsplumb. Когда последнее соединение дается кнопке 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

Используйте общее свойство ConnectionsDetachable для false, чтобы предотвратить отсоединение любого соединения.

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

Или используйте съемной свойства для предотвращения отсоединения от конкретного соединения

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