您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

避免在内部单击时关闭下拉菜单

避免在内部单击时关闭下拉菜单

删除数据属性data-toggle="dropdown"并实现下拉菜单的打开/关闭可能是一种解决方案。

首先,通过单击链接来打开/关闭下拉菜单,如下所示:

$('li.dropdown.mega-dropdown a').on('click', function (event) {
    $(this).parent().toggleClass('open');
});

然后听下拉菜单外的点击以将其关闭,如下所示:

$('body').on('click', function (e) {
    if (!$('li.dropdown.mega-dropdown').is(e.target) 
        && $('li.dropdown.mega-dropdown').has(e.target).length === 0 
        && $('.open').has(e.target).length === 0
    ) {
        $('li.dropdown.mega-dropdown').removeClass('open');
    }
});
其他 2022/1/1 18:15:12 有522人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶