需要帮助 jQuery 导航菜单

Question

当没有点击链接时，我的导航菜单不会关闭。 我有一支密码笔

var nav = $('#menu > ul > li');
nav.find('li').hide();
nav.click(function () {
nav.not(this).find('li').hide();
$(this).find('li').slideToggle();
});
$(function() {  
$('#menu input').click(function () { 
$('#menu ul').slideToggle() 
});
});

https://codepen.io/lootstep/pen/WNxqvew

有任何想法吗？

Answer 1

将此事件处理程序添加到您的 JavaScript：

nav.mouseleave(function () {
  $(this).find("li").hide()
});

mouseleave是 jQuery 中的一个事件处理程序，用于在鼠标离开元素时进行注册。 在这种情况下，我们正在跟踪它何时离开导航栏。 当它发生时，我们找到所有列表项并隐藏它们。