Jquery 单击并悬停碰撞

我正在使用引导，使用jQuery时遇到问题。我在标题处有一个导航栏，我希望当鼠标在链接上浏览和单击glyphicon plus时，每个链接都有不同的颜色。在我单击图示符图标并再次单击它之前，它工作得很好。从那时起，悬停功能不再在glyphicon上工作

我怎样才能修好它

var-toggleState=true； $'.dropdown toggle'.onclick，函数{ 如果切换状态{ $this.cssbackground-color，395ECC； $this.cssborder-radius，5px； }否则{ $this.cssbackground-color，4775FF； $this.cssborder-radius，0px； } toggleState=！toggleState； }; $.navbar li.hover函数{ $this.cssbackground-color，395ECC； $this.cssborder-radius，5px； }，功能{ $this.cssbackground-color，4775FF； $this.cssborder-radius，0px； };

---

我强烈建议你少用或者至少用你想要的颜色生成一个定制的CSS。主要原因是以下5行代码更改：

导致CSS的这种差异：

.navbar默认值{ 背景色：4775ff； 边框颜色：265cff； } .navbar默认值.navbar nav>li>a:悬停， .navbar默认值.navbar导航>li>a:焦点， .navbar默认值.navbar nav>.active>a， .navbar默认值.navbar nav>.active>a:悬停， .navbar默认值.navbar nav>.active>a:焦点， .navbar默认值.navbar导航>.open>a， .navbar默认值.navbar导航>.open>a:悬停， .navbar默认值.navbar导航>.open>a:焦点， .navbar默认值.navbar导航打开.下拉菜单>li>a:悬停， .navbar默认值.navbar导航打开.下拉菜单>li>a:焦点， .navbar默认值.navbar导航.打开.下拉菜单>.active>a， .navbar默认值.navbar导航.打开.下拉菜单>.active>a:悬停， .navbar默认值.navbar导航.打开.下拉菜单>.active>a:焦点{ 背景色：395ecc； } .navbar默认值.navbar nav>li>a:悬停， .navbar默认值.navbar导航>li>a:焦点， .navbar默认值.navbar nav>.active>a， .navbar默认值.navbar nav>.active>a:悬停， .navbar默认值.navbar nav>.active>a:焦点{ 边界半径：5px } 您可以将其作为自定义CSS添加到中，但其他非常简单的更改最终会在生成的CSS中产生巨大的差异。如果您希望最终结果看起来不错，那么您需要考虑bootstrap提供的所有不同场景。例如，使用此代码段，在新的背景色下很难看到默认字体颜色

.navbar默认值{ 背景色：4775ff； 边框颜色：265cff； } .navbar默认值.navbar nav>li>a:悬停， .navbar默认值.navbar导航>li>a:焦点， .navbar默认值.navbar nav>.active>a， .navbar默认值.navbar nav>.active>a:悬停， .navbar默认值.navbar nav>.active>a:焦点， .navbar默认值.navbar导航>.open>a， .navbar默认值.navbar导航>.open>a:悬停， .navbar默认值.navbar导航>.open>a:焦点， .navbar默认值.navbar导航打开.下拉菜单>li>a:悬停， .navbar默认值.navbar导航打开.下拉菜单>li>a:焦点， .navbar默认值.navbar导航.打开.下拉菜单>.active>a， .navbar默认值.navbar导航.打开.下拉菜单>.active>a:悬停， .navbar默认值.navbar导航.打开.下拉菜单>.active>a:焦点{ 背景色：395ecc； } .navbar默认值.navbar nav>li>a:悬停， .navbar默认值.navbar导航>li>a:焦点， .navbar默认值.navbar nav>.active>a， .navbar默认值.navbar nav>.active>a:悬停， .navbar默认值.navbar nav>.active>a:焦点{ 边界半径：5px }

---

你的HTML中没有navbar类。在。下拉切换中没有任何内容可供单击。我强烈建议使用CSS而不是jQuery。当您悬停或当下拉菜单处于活动状态时，您单击它时，引导程序已经更改了颜色。如果要更改颜色，请查看。从长远来看，这将为您节省很多麻烦。.下拉切换是一个字形图标，您可以单击它。@redbmk我使用的是引导CDN，我开始时不想下载它，我知道这会更容易。