javascript - 使用键盘时需要删除 jQuery 菜单

Question

我有一个 jQuery 菜单(jQuery 1.4.2 和 UI 1.8.6)，当您使用键盘按 Tab 键进入菜单时，我需要将其下拉。它对键盘的操作需要与对鼠标的操作相同。当你把鼠标放在它上面时，它会下降，然后移开鼠标，它会滑回来。然而，当你用键盘点击它时，它不会掉落。这是有人提供的让它落在键盘上的代码，但我无法工作:

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

Live DEMO

注意:窗口需要为 950 像素或更宽才能显示。

Answer 1

像这样的东西应该可以解决你的问题。

    $(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