Javascript 智能手机固定导航栏选择后未关闭

我已经从这个论坛上得到了一些很好的信息，这是我的第一个问题，所以要友善

我有一个固定的顶部导航条

固定部分似乎工作良好，但我现在有两个问题

在响应模式下，当你点击汉堡图标时，它会漂亮地打开，你可以跳转到页面上的任何锚（我正在设计一个1页的网站）。但是导航不会在点击或点击时关闭，所以我留下了一个张开的导航

第二个问题是，当导航被修复时，我向下滚动并浏览表单，表单字段显示在导航栏的顶部，以960宽度和响应速度显示

我已经附上了我认为是在这里的代码和任何建议将不胜感激

干杯 马克斯

这是html：

<nav class="clearfix">
<ul class="clearfix">
    <li><a href="index.html"><span style="color:white">Home</a>
    </li>
    <li><a href="book.html"><span style="color:white">Book</a>
    </li>
    <li><a href="#join"><span style="color:white">Join</a>
    </li>
    <li><a href="contact.html"><span style="color:white">Contact</a>
    </li>
   </ul>
   <a href="#" id="pull"><span style="color:white">Menu</span></a>

这是java脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<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>

$（函数（）{
var pull=$（“#pull”）；
菜单=$（'nav ul'）；
menuHeight=menu.height（）；
$（拉动）。打开（'点击'，函数（e）{
e、 预防默认值（）；
menu.slideToggle（）；
});
$（窗口）。调整大小（函数（）{
var w=$（window.width（）；
如果（w>320&&menu.is（':hidden'））{
menu.removeAttr（'style'）；
}
});
});

对于第一个问题，添加以下js：

$('nav li>a').on('click', function (e) {
   if($(window).width()<600){
     menu.slideUp();
   }
 });

即使对于导航菜单，您的HTML也似乎不完整。关于JavaScript没有任何内容。请说明是否使用了JavaScript。如果使用，请添加JavaScript代码。链接论坛是个好主意。您可以尝试在jsfiddle.net中创建一个fiddle来改进您的问题。

$('nav li>a').on('click', function (e) {
   if($(window).width()<600){
     menu.slideUp();
   }
 });