Question

我想通过点击此网站上的菜单外http://test1.wasodesign.com/来选择关闭移动菜单

我搜索了StackOverflow和网络，找到了这个解决方案

<script>$(document).click(function(event) {
    if(!$(event.target).closest('.collapse.in').length) {
        if($('.collapse.in').is(":visible")) {
            $('.collapse').hide();
        }
    }       
})
</script>

我应用了它，问题是当它在菜单外部点击时它会在手机上关闭，但之后我无法重新打开菜单。

有什么理由吗？我该如何解决这个问题？

由于

Answer 1

你可以尝试类似的东西：

$('body').on("click", ".dropdown-menu", function() {
        $('.dropdown-menu').hide() 
        $('.collapse').hide() 
});

这样，单击按钮时菜单就会打开。

 $('.dropdown-menu').on("click",function() {
        $('.collapse').show()
        $('.dropdown-menu').show()    
});

如果不发表评论，其中一个应该有效。

点击/点击外部即可关闭手机菜单

1 个答案: