Question

我有一个按钮，其ID为tools，点击它显示一个包含一些链接的菜单，点击该页面的其他位置，此菜单将被隐藏

每个人的思考都很好但单击按钮（#up,#del,#tools）

时，菜单不会隐藏

$('#tools').click(function(){
    var ofset = $(this).offset();
    $('#moreMenu').css({'top':(ofset.top+35),'left':ofset.left,'display':'',});
    return false;
});

$(window).click(function(){$('#moreMenu').hide();});

    <div id='moreMenu' style='width:250px;background-color:#f0f0f0;border:2px solid gray;height:100px;position:absolute;display:none;'>some menu</div>

<button id='up' title='up'  >‍<img src='../images/beta/up.png'></button>

<button id='del' title='del'  >‍<img src='../images/beta/delete.png'></button>

<button id='tools' title='tools' style='width:70px;' >‍<img src='../images/beta/tools.png' style='margin-right:30%;'></button>

如何隐藏每个元素！

Answer 1

只需使用 html 上的点击事件即可。当你点击页面内的任何地方时，它会让你隐藏div。

$("html").click(function(){$('#moreMenu').hide();});

OR，

$(document).click(function(){$('#moreMenu').hide();});

A Thread Reference: $(window).click(..); not working in IE

Demo

Answer 2

那是因为你需要在按下按钮时添加javascript来隐藏菜单。

$("button").click(function(){$('#moreMenu').hide();});

隐藏在窗口和其他元素上单击

2 个答案: