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

Question

我试图在单击列表项时关闭 Canvas 外菜单。

因此，首先用户打开菜单，然后他们单击一个链接，然后关闭菜单。工作代码如下。

值得注意的是，我正在使用 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。