javascript - 使用键盘时 jQuery 菜单需要放下

Question

我有一个 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");
        }
    }); 
});

现场演示

注意：窗口需要 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