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

标签 jquery css

我有一个 3 级子导航菜单。我只想使用键盘 Tab 键浏览所有 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 expecting like these menu with 2 sub level dropdowns.

need to navigate through tab key only.

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

最佳答案

这是一个解决方案。

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

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

我使用 jQuery 来快速完成它,您可以尝试使用 css 伪选择器应用相同的条件或使用 js 运行。 使用 Tab 键在键盘上完全可用。

希望对你有帮助

关于jquery - 使用 jquery 通过 3 级下拉导航进行键盘选项卡导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49095767/

相关文章:

javascript - 复选框一次检查一个在 gridview 中不起作用

javascript - 如何防止用户使用浏览器选项禁用脚本

jquery - 定位帖子标题的最后一个单词

javascript - 遍历数组并将重复项移动到单独的数组

html - 显示信息的图像映射

javascript - 在方形空间图库页面中向下滚动时减慢文本淡入淡出

javascript - 在自定义下拉列表中定位箭头

javascript - 在 jQuery 循环中定位相同选择器的更快方法

html - HTML和CSS中的单独div

html - 内联 CSS 居中不起作用