【问题标题】:Change focus to mega menu将焦点更改为大型菜单
【发布时间】:2011-05-08 03:54:54
【问题描述】:

我正在使用jquery jdiv plugin 来制作大型菜单。

如何使用 jquery 让用户通过键盘(制表符)进入超级菜单(当链接悬停或聚焦时显示的 div)?

mega menu失去焦点后,希望焦点回到下一个导航栏链接。

基本上,我只是想让所有键盘都可以访问。

谢谢

【问题讨论】:

    标签: jquery keyboard focus accessibility menu


    【解决方案1】:

    标签页中的元素使其获得焦点,这是来自jQuery API docs for focus()

    元素可以通过键盘命令(例如 Tab 键)或通过鼠标单击元素来获得焦点。

    在您的问题中,您建议 jQuery jdiv 插件支持在特定链接获得焦点时打开 div,因此您应该能够启用该选项。

    如果它不提供该功能,那么您可以很容易地挂接到插件。

    $('.mega-menu-item').focus(function() {
        // Do whatever it is you do to reveal the respective hidden div
        $('.mega-menu-item .hidden-div').show();
    });
    

    【讨论】:

    • 感谢您的回复,但我认为问题在于我在悬停时显示的大型菜单不是主导航列表项下的直接子菜单。我认为这就是他们没有得到关注的原因。我可以用键盘很好地打开超级菜单,一旦打开就无法使用它们。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-09-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-05
    • 1970-01-01
    相关资源
    最近更新 更多