在其他任何地方点击时隐藏jquery ui菜单

Question

嘿伙计们希望你能帮帮我...

我有点像jquery和javascript的新手.尝试实现单击对象时出现的jquery-ui菜单,但是当菜单本身以外的任何地方进行单击时会消失.

这是我到目前为止的代码

$("div.item").click(function(e){
        $( "#menu" ).menu( );
        $("#menu").css("top",e.pageY);
        $("#menu").css("left",e.pageX);

       });

现在我想隐藏和销毁菜单,如果点击是在菜单本身以外的任何地方进行的......请提前预订.

Answer 1

您想使用blur事件,当对象失去焦点时会触发该事件.点击其他内容将关注焦点.

$("#menu").blur(function () {
    // Your code here to either hide the menu (.toggle())
    // or remove it completely (.remove()).
});