问题很简单，但在我的实施中出现了一些问题。
您可以看到我的实施here。
所以我想要发生的是，当你点击方框＃1中的一个名字时，虚线和虚线圆圈中的＃1都变成黑色和实心。虚线不是边框。当您单击其他相应框中的任何其他数据时，也会发生相同的情况。
我面临的主要问题是，当我在jQuery中使用.css函数手动更改颜色和边框时，它可以很好地工作。但是，我想用toggle类修改它（因为我无法使用toggle（）来处理css函数） - 所以当你单击它一次时，你会看到单击突出显示的元素（带有1px边框 - 此功能已经存在），框（和虚线）的相应数字变为纯黑色。
感谢。
答案 0 :(得分：1)
看起来JavaScript很好。我唯一能看到弄糟的是这一行：
$('#bc1 dashed-circle').toggleClass('bc-dashed-to-solid-circle');
您需要将该选择器更改为#bc1 .dashed-circle。
破折号和数字不改变颜色的原因是因为特异性。使用选择器#blank-dashboard-breadcrumb span声明它们的正常颜色（#bdbebf） - 一个id和一个元素。您使用.bc-dotted-to-solid或.bc-dashed-to-solid-circle - 简单类声明“已选择”颜色（黑色）。即使破折号和1具有适当的类，它们仍然有一个更具体的选择器，告诉它们保持灰色。