jquery - jQuery拉菜单事件

Question

对于小于 690 的窗口大小，我有一个响应式菜单。调整屏幕大小时，下拉菜单会出现一个简单的菜单按钮。我有一个 slideToggle() 工作得很好，但似乎无法弄清楚如何在选择链接后折叠菜单，而不影响大于 690 的窗口大小。任何想法或帮助将不胜感激。

<script>
        $(function() {
            var pull = $('#pull');
                menu = $('nav ul');
                w = $(window).width();
                link = $('nav ul li');
                menuHeight = menu.height();

            $(pull).on('click', function(e) {
                e.preventDefault();
                menu.slideToggle();
            });

        });

        $(window).resize(function(){
            var w = $(window).width();
                menu = $('nav ul');
                link = $('nav ul li a');

            if(w > 690 && menu.is(':hidden')) {
                menu.removeAttr('style');
            } 
        });
    </script>

Answer 1

尝试绑定到菜单项上的单击事件，如下所示：

$('nav ul li a').click(function(){
    if($(window).width() <= 690)
        menu.slideToggle();
});