изменить цвет линий краев, когда подключенный узел щелкнул в cytoscape.js

Question

Может ли кто-нибудь привести пример Cytoscape.js об узле, который при щелчке по краям кран изменил его стили.

этот код не работает:

cy.$('node:selected').neighborhood('edge').style({ 
 
    'line-color': 'black' 
 
}); 
 
cy.$('node:selected').connectedEdges().style({ 
 
    'line-color': 'black' 
 
});

Answer 1

У вас есть условие гонки, предполагая порядок событий крана/нажмите и выберите.

Используйте :selected селекторы для запросов только с select событиями или используйте tap с элементом, переданным в объект события.

Answer 2

cy.$('node').on('grab', function (e) { 
    var ele = e.target; 
    ele.connectedEdges().style({ 'line-color': 'red' }); 
}); 


cy.$('node').on('free', function (e) { 
    var ele = e.target; 
    ele.connectedEdges().style({ 'line-color': '#FAFAFA' }); 
});