使用 jQuery 通过 3 级下拉导航进行键盘选项卡导航

Question

我有一个 3 级子导航菜单。我只想仅使用键盘选项卡键导航所有 3 个级别。我尝试了以下代码，但没有运气

$('nav').on('focus', 'a.nav-links', function() {   
    $(this).closest('li.nav-item').addClass('menu-active');
  }).on('blur', 'a.nav-links', function() {
    $(this).closest('li.nav-item').removeClass('menu-active');
  });

示例代码 期望像这些带有 2 个子级别下拉菜单的菜单。

只需要浏览 Tab 键。

感谢您的帮助，并为我提供一个工作示例

Answer 1

这是一个解决方案。

//i cleaned the code to make it as simple as possible

https://jsfiddle.net/5aa3cpyg/21/

我处理了jQuery以快速完成它，您可以尝试使用css伪选择器应用相同的条件或使用JS运行。它完全可以使用使用 Tab 键的键盘。

希望对你有帮助