Javascript 下拉菜单不会在点击时关闭，被混淆了吗？

Question

感谢您查看我的帖子 - 我试图弄清楚如何在单击链接时关闭此下拉菜单，但我的 javascript 技能非常缺乏，而且代码似乎被混淆了。这是 HTML：

<nav class="site-nav" role="navigation">
  <ul class="pos-ul">                
    <li><a href="#menus" data-target="menus">Menu</a></li>
     <li><a href="#bar" data-target="bar">Wine + Cocktails</a></li>
  </ul>
  <a href="" class="mobile-trigger no-scroll">Menu</a>
</nav>

我认为控制它的最小化 javascript 位于 http://sabiopleasanton.com/js/core.min.js

有问题的网站是http://sabiopleasanton.com，当屏幕宽度低于768px时会出现下拉菜单。非常感谢您的考虑，对于发布协议的任何缺乏明确性或缺陷，我深表歉意。

Answer 1

我记得前几天在此页面上帮助您进行了滑块转换。不管怎样，这就是你需要的：

$(document).ready(function() {
    if ($(window).width() <= 768) {

        $('ul.pos-ul > li > a').click(function() {
            $('.pos-ul').hide()
        });
    }

});

它会在移动导航中选择一个锚标记，点击它会隐藏下拉无序列表。只需对其进行编辑以将其包装在文档就绪函数中，缩短选择器并确保它仅在视口为 768 像素或更少时触发。