gpt4 book ai didi

jquery - 单击外部菜单以在 jquery 中关闭

转载 作者:IT王子 更新时间:2023-10-29 03:24:53 25 4
gpt4 key购买 nike

因此,根据业务需求,我有一个在单击时显示的下拉菜单。将鼠标移开后,菜单会再次隐藏。

但现在我被要求让它留在原地,直到用户点击文档上的任何地方。如何实现?

这是我现在的简化版本:

$(document).ready(function() {
$("ul.opMenu li").click(function(){
$('#MainOptSubMenu',this).css('visibility', 'visible');
});

$("ul.opMenu li").mouseleave(function(){
$('#MainOptSubMenu',this).css('visibility', 'hidden');
});
});



<ul class="opMenu">
<li id="footwo" class="">
<span id="optImg" style="display: inline-block;"> <img src="http://localhost.vmsinfo.com:8002/insight/images/options-hover2.gif"/> </span>
<ul id="MainOptSubMenu" style="visibility: hidden; top: 25px; border-top: 0px solid rgb(217, 228, 250); background-color: rgb(217, 228, 250); padding-bottom: 15px;">
<li>some</li>
<li>nav</li>
<li>links</li>
</ul>
</li>
</ul>

我试过类似这样的东西 $('document[id!=MainOptSubMenu]').click(function() 认为它会触发任何不是菜单的东西,但它没有用。

最佳答案

看看这个问题使用的方法:

How do I detect a click outside an element?

Attach a click event to the document body which closes the window. Attach a separate click event to the window which stops propagation to the document body.
$('html').click(function() {
//Hide the menus if visible
});

$('#menucontainer').click(function(event){
event.stopPropagation();
});

关于jquery - 单击外部菜单以在 jquery 中关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2868582/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com