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

时间:2014-03-20 08:26:47

标签: mobile menu tap sidr

我正在网站上工作,当我访问菜单项时,我尝试关闭侧边菜单(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>

等待你的回答!谢谢!!

1 个答案:

答案 0 :(得分:0)

不知道这是否会对你有所帮助

 $(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内的链接后将关闭。