我有一个jQuery菜单(jQuery 1.4.2和UI 1.8.6),当您使用键盘跳入菜单时需要将其下拉。它在键盘上的行为必须与在鼠标上的行为相同。当您将鼠标悬停在它上面时,它会掉落,然后移开鼠标,它会向上滑动。但是,当您使用键盘将其切换到它时,它不会掉落。这是某人提供的将其放入键盘的代码,但我无法进行工作:

$(document).load(function(){
    $('#buttonbar').attr('tabIndex', 0).on({
        focus: function(){
            $("#buttonbar").triggerHandler("mouseenter");
        },
        blur: function(){
            $("#buttonbar").triggerHandler("mouseleave");
        }
    });
});


Live DEMO

注意:该窗口必须为950像素或更宽才能显示。

最佳答案

这样的事情应该为您解决。

    $(document).ready(function(){
    $('#buttonbar').focus(function(){
      $("#buttonbar").triggerHandler("mouseenter");
    });

  $("#buttonbar #visitor-links .last-item a").blur(function(){
      $("#buttonbar").triggerHandler("mouseleave");
    });

});


这是演示:http://jsbin.com/udobuc/8/edit

关于javascript - 使用键盘时需要删除jQuery Menu,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14593141/

10-11 06:47