gpt4 book ai didi

javascript - 我正在设计一个下拉菜单,onclick 会出现,而 on blur 会消失

转载 作者:太空宇宙 更新时间:2023-11-04 04:56:22 25 4
gpt4 key购买 nike

不幸的是,我遇到了下拉菜单消失的问题。我目前正在使用 toggleClass 在点击时添加/删除类,但我还需要在菜单模糊时撤消此过程,即:点击页面上的其他任何地方等。这是我的 jquery 代码:

$(function() {$('#srt-btn').click(function() {$('ul.toggle-off').toggleClass('toggle-on')});});

<ul id="sort">
<li><a id="srt-btn" class="srt-title">Sort ▾</a>
<ul class="sort-menu toggle-off">
<div class="droid"></div>
<li class="top"><a href="#">Notes</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Videos</a></li>
<li class="divider"></li>
<li class="btm"><a href="#">Make List</a></li>
</ul>
</li>

最佳答案

function toggleMenu() 
{
$('ul.toggle-off').toggleClass('toggle-on');
}


$(function() {
$('#srt-btn').click(toggleMenu);
$('#srt-btn').blur(toggleMenu);
});

Working example.

关于javascript - 我正在设计一个下拉菜单,onclick 会出现,而 on blur 会消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12377511/

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