单击菜单项后，jquery 移动菜单关闭

Question

基于这个演示：http : //webdesignerwall.com/demo/mobile-nav/这是我的代码。

<script type="text/javascript">
    jQuery(document).ready(function($){

        /* prepend menu icon */
        $('#nav-wrap').prepend('<div id="menu-icon"><img id="logo" src="<?php echo site_url(); ?>/wp-content/themes/blue-and-grey/images/mobileimages/hme_btn.png" /></div>');

        /* toggle nav */
        $("#menu-icon").on("click", function(){
            $("#nav").slideToggle();
            $(this).toggleClass("active");
        });

    });
    </script>

我需要的是在我点击一个菜单项后“关闭”的菜单，因为它是一个单页网站，我不希望它在我点击后保持打开状态。我怎么做？

太感谢了！

Answer 1

添加一个额外的事件来实现它。当单击某个菜单项时，click您可以触发：#menu-icon

 $("#nav").on("click", "li", function () {
       $("#menu-icon").click();
       //or $("#nav").slideToggle();
 });

演示： http: //jsfiddle.net/hungerpain/RtMNj/2/