mobile - 点击菜单项时侧边菜单关闭

Question

我在一个网站上工作，我尝试在访问菜单项时关闭侧边菜单 (sidr)。通常在我单击/点击一个之后，菜单仍然存在，我需要再次使用菜单按钮将其关闭。

我成功让它在台式机上运行，​​但我不知道如何在移动设备上运行。

有人可以帮我吗？

这是我用来使它在桌面上工作的代码：

<script src="js/jquery.sidr.js"></script>
<script>
$(document).ready(function() {
$('#simple-menu').sidr();
});
</script>

<script>
$(document).click(function () {
$.sidr('close');
});

$(document).keyup(function ( e ) {
var key = e.keyCode || e.which;
if ( key === 27 ) {
$.sidr('close');
}
});

</script>

等待你的答复！谢谢！！

Answer 1

不知道这是否会帮助你

 $(document).ready(function(){
    $('button_to_show_menu, .linksfromUL li a').click(function(){
    $('#hidden_menu').slideToggle(100);          
    });
    });

#button_to_show_menu - the button to show your menu
.linksfromUL li a - links inside ul li
#hidden_menu - the side menu

当你点击按钮显示你的菜单时，菜单会出现，点击按钮或ul里面的链接后它会关闭。