jquery - 点击链接后Jquery菜单关闭

Question

我将http://www.hongkiat.com/blog/responsive-web-nav/本教程用于我的站点菜单，但唯一的问题是我正在制作一个单页网站。例如，我希望在单击“关于”后关闭移动菜单。这样它就会滚动到底部。

我希望你能帮助我。

这是我的鳕鱼：

     <!-- Menu Navigation Start -->
    <nav class="clearfix">  
        <ul class="clearfix">  
            <li><a href="#">k</a></li>  
            <li><a href="#">How-to</a></li>  
            <li><a href="#">Icons</a></li>  
            <li><a href="#">Design</a></li>  
            <li><a href="#">Web 2.0</a></li>  
            <li><a href="#">Tools</a></li>    
        </ul>  
                <a href="#" id="pull">Menu</a>  
    </nav>  

这是javascript：

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

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

        $(window).resize(function(){
            var w = $(window).width();
            if(w > 320 && menu.is(':hidden')) {
                menu.removeAttr('style');
            }
        });


    });



</script>

Answer 1

选择器错误

如果你有

var pull        = $('#pull');

难道不是

    pull.on('click', function(e) {...

要不就

$('#pull').on(...)

Answer 2

如果您想在单击外部菜单时将菜单向上滑动，则可以使用该方法

stopPropagation();

http://jsfiddle.net/Joseph82/jwNEZ/

Answer 3

尝试这个。单击导航项时，它将执行 slideToggle 函数。

menu.find('a').click(function(){
    menu.slideToggle();
});