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

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

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

jQuery拉菜单事件

1 个答案: