单击列表项后如何关闭侧边菜单？

Question

单击列表项时，我试图关闭非画布菜单。

首先，用户切换菜单打开，然后点击链接然后关闭菜单。工作代码如下。

值得注意的是，我使用CSS过渡来为幻灯片制作动画，而且当谈到Jquery时，我有点像菜鸟。

<nav class="menu-side mobile">
            <ul>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
    </nav>

    <script type="text/javascript">
         (function() {
            var body = $('body');
            $('.menu-toggle').bind('click', function(){
                body.toggleClass('menu-open');
                    return false;

            });

         $('menu-side li').on('click', function (){
        $(".menu-side").hide();
    });

         })(); 
    </script>

Answer 1

这一行：

$('menu-side li').on('click', function (){

应该是：

$('.menu-side li').on('click', function (){

您忘记了不。