Javascript 引导下拉切换在第二次单击后保持悬停效果（关闭切换）

请看我在or工作的示例

我遇到的问题是，当单击Publisher，然后再次单击时，鼠标移开以选择其他项目时，悬停效果将保持不变

我的问题是：这是什么原因造成的，我怎样才能让悬停效果只在悬停时才起作用，而在开关打开和关闭后不保持活动状态，然后悬停在另一个项目上

如果这个问题以前已经解决，请将我重定向到另一个Q/A

<div class="dropdown">
   <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display:block;position:static;margin-bottom:5px;">
    <li class="dropdown">
    <a class="dropdown-toggle" id="dPublisher" data-toggle="dropdown" 
              role="button" data-target="#" href="publisher.php">PUBLISHER<b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu" aria-labelledbyid="dPublisher">
        <li><a href="eeditions.php">E-Editions</a></li>
    <li><a href="digitalarchive.php">Digital Archive</a></li>
    </ul>
    </li>
    <li><a href="blog.php">BLOG</a></li>
  </ul>
</div>

该样式在引导中同时设置为：焦点和：悬停。您可以通过编辑引导源或使用更具体的选择器覆盖它来自行更改它

dPublisher:焦点：非：悬停{ 背景：白色； 颜色：黑色； } 这意味着当dPublisher聚焦但未悬停时，更改背景和文本颜色

是Chrome、Firefox、IE9、Opera 9.5和Safari 3.2。在不受支持的浏览器上，它将保持当前的状态

如果您希望它仅在关闭下拉列表时禁用焦点样式，我们可以使其更具体一些

。下拉列表：非。打开>发布者：焦点：非：悬停{ 背景：白色； 颜色：黑色； }

---

这是一个iframe问题，页面在另一个页面上看不到单击/活动。我不认为这是问题所在，但如果没有演示中的第二个下拉菜单来重新创建OP描述的问题，我无法测试您的解决方案。打开问题中的代码笔，然后在我的答案中的第二个代码笔我更新了它们。在每个页面上，单击“发布者”两次。然后将鼠标悬停在PUBLISHER 2上。你看到在第一个中，它是如何在关闭后仍具有活动样式的吗？这就是我所认为的问题所在。不过，我还是有橙色光环。这是一种专注的风格。啊，我明白你的意思了。我认为这只是因为当你启动另一个下拉菜单时，下拉菜单不会关闭。这种情况在基于sn iframe的应用程序上经常发生，如果这是问题的话，我也会分享OP的痛苦。最后，我不得不将邮件上传到顶部，以隐藏iframe菜单中的所有下拉列表。