当连接的节点点击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' }); 
});