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

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 (){

你忘记了DOT。