我有一个 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/