本文介绍了一种使用jQuery实现的下拉菜单自动展开与关闭的方法。通过简单的JavaScript代码，当鼠标悬停在顶级菜单项上时，子菜单将自动展开；当鼠标离开时，子菜单会自动关闭。这种方法可以提高网站导航的用户体验。
<script>
$(document).ready(function(){
//关闭click.bs.dropdown.data-api事件，使顶级菜单可点击
$(document).off('click.bs.dropdown.data-api');
//自动展开
$('li.dropdown').mouseenter(function(){
$(this).addClass('open');
});
//自动关闭
$('li .dropdown').mouseleave(function(){
$(this).removeClass('open');
});
});
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
