Jquery 引导下拉开关闪烁错误

我正在处理一个预装配的文件，它在导航栏中有一个下拉列表。客户端希望在鼠标悬停时打开下拉列表。因此，我添加了一些jQuery来添加类“open”，就像单击下拉列表时bootstrap所做的那样

这起到了作用，但引发了一个新问题。单击下拉列表中的一个选项时，下拉列表现在会闪烁一次，然后关闭并将我带到所选的页面

我已经对此进行了研究，但无法找出导致“闪光”的原因。这是我发现的唯一一篇有希望的文章：

任何帮助都会很好

我试图在这本书中重现这个问题，但我没有得到“闪光”

这是我的HTML代码

切换

---

我建议你使用这个简单的css来实现你想要的-

/*更改悬停时下拉链接的颜色*/ .下拉菜单a:悬停{背景色：F1F1} /*悬停时显示下拉菜单*/ .下拉菜单：悬停.下拉菜单{ 显示：块； } /*显示下拉内容时，更改下拉按钮的背景色*/ .dropdown:悬停.dropbtn{ 背景色：3e8e41； } .下拉菜单li>a:悬停，.下拉菜单li>a:焦点{ 背景图像：无； 背景色：9fdfbf； } 切换

---

我的脚本太频繁地将类切换为“打开”，从而导致“闪烁”效果。相反，我重写了我的JS，如下所示：首先检查“open”类是否已经存在：

$ul.nav.navbar-nav.navbar-right.mouseenterfunction{ 如果！$li.dropdown.hasClassopen{ $li.dropdown.toggleClass'open'； } } .鼠标移动功能{ 如果$li.dropdown.hasClassopen{ $li.dropdown.toggleClass'open'； } }