折叠 Bootstrap 导航栏模糊答案

【问题标题】：Collapse Bootstrap navbar on blur折叠 Bootstrap 导航栏模糊
【发布时间】：2016-08-29 16:08:54
【问题描述】：

如果用户正在通过菜单进行 TABBING 并最终从菜单中跳出（菜单失去焦点），我正在尝试让具有多个层的导航栏菜单折叠。我试过做类似的事情

$(.dropdown-toggle).blur(function () {.....

但无法让任何东西正常工作。有人做过吗？根据 bootstrap 的 collapsing content doc，它们提供了一个按钮来折叠内容的功能，但理论上，这应该是一个非常简单的脚本，不是吗？

【问题讨论】：

【解决方案1】：

你应该使用$('.dropdown-toggle').focus(function(){}); 对于失焦使用$('.dropdown-toggle').focusout(function(){});

您还可以在您的 CSS 中使用 .dropdown-toggle:focus {...} 来制作您想要归档的内容。

CSS 中的 :focus 伪类用于设置元素的样式当前被键盘定位，或被鼠标激活。

p.s 我不知道这是否是一个 TYPO，但您在使用 jquery 选择 .dropdown-toggle 类时缺少您的 ''

【讨论】：

【解决方案2】：

我可以使用模糊来解决这个问题，尽管建议的焦点输出也可以正常工作。问题是标签实际上发生在 a 标签上，我试图检测对 li 级别的焦点丢失。愚蠢的错误，但我想我可能不是世界上唯一遇到这个问题的人。

【讨论】：