使用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');
  });

  

example code   期待这些菜单有2个子级别的下拉菜单。

     

只需要浏览Tab键。

感谢您的帮助，并为我提供一个有效的例子

Answer 1

这是一个解决方案。

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

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

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

希望有所帮助