通过单击/点击外部关闭移动菜单

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()    
});

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