使用 jquery，如何通过单击正文关闭菜单？

Question

这是我打开/展开菜单的代码

$(function(){
    "use strict"
    $('.menu-btn' ).click(function(){
    $('.responsive-menu').toggleClass('expand')
    })
});

它工作正常，但我的目标是通过点击正文（或文档）来关闭它，这在大多数网站上都是正常的，但我似乎没有任何工作。

我已经尝试了下面的代码，但它不起作用，我不明白为什么......

$(function(){
    "use strict"
    $('body' ).click(function(){
    $('.responsive-menu').hide()
    })
});

有什么想法吗...？

Answer 1

这是您可以使用的完整功能。

$(".menu-btn").click(function(e){
    if($(".responsive-menu").hasClass("expand")) {
        $(".responsive-menu").removeClass("expand");
    } else {
        $(".responsive-menu").addClass("expand");
    }
    e.preventDefault();
});
$("html,body").click(function(){
    if($(".responsive-menu").hasClass("expand")) {
        $(".responsive-menu").removeClass("expand");
    }
});