Class Cytoscape.js在单击时更改节点的样式

Class Cytoscape.js在单击时更改节点的样式,class,click,selection,cytoscape.js,Class,Click,Selection,Cytoscape.js,我似乎无法在单击时更改节点的样式。我需要通过编程来跟踪图中的两个节点,基本上是同时“选择”两个节点,每个节点都是我定义的不同类型。这里有这样的例子(),它在工作表中为某些节点“删除”一个新样式。我不明白这些类是如何工作的,它们在样式表中的定义以及在什么情况下可以使用它们。 该库的文档没有提供类的实际解释、在何处定义它们以及它们可以用于什么。非常感谢您的帮助。我认为这些类与css类类似。当您第一次初始化cytoscape时,您可以有一个可选的样式参数,如 var cy = cytoscape({

我似乎无法在单击时更改节点的样式。我需要通过编程来跟踪图中的两个节点,基本上是同时“选择”两个节点,每个节点都是我定义的不同类型。这里有这样的例子(),它在工作表中为某些节点“删除”一个新样式。我不明白这些类是如何工作的,它们在样式表中的定义以及在什么情况下可以使用它们。
该库的文档没有提供类的实际解释、在何处定义它们以及它们可以用于什么。非常感谢您的帮助。

我认为这些类与css类类似。当您第一次初始化cytoscape时,您可以有一个可选的
样式
参数,如

var cy = cytoscape({
  style: [
   {
    selector: '.myFirstClass',
    style: {
    'background-color': 'red',
    'shape': 'rectangle'
    ...
   },
   {
    selector: '.mySecondClass',
    style: {
    'background-color': 'blue',
    'shape': 'triangle'
    ...
   }
});
现在,当您更改节点的样式时,它将反映您在样式表中设置的内容。所以

cy.$('#nodeA').class('mySecondClass')
,其中
#nodeA
是节点的id。这将使第一个节点变成蓝色三角形


希望有帮助。

谢谢你的帮助,现在还不清楚它是如何工作的。我会尝试一下,因为我需要一个明确的方法来做到这一点。