Javascript下拉菜单won't关闭点击，混淆

Javascript dropdown won't close on click, obfuscated?

本文关键字：混淆 won 下拉菜单 Javascript      更新时间：2023-09-26

谢谢你看我的帖子-我试图找出如何使这个下拉菜单关闭点击一个链接，但我的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时出现下拉菜单。谢谢你的任何考虑，我为任何不清晰或缺点道歉re:发布协议。

我记得前几天在这个页面上帮你做了滑动条过渡。无论如何，这就是你需要的:

$(document).ready(function() {
    if ($(window).width() <= 768) {
        $('ul.pos-ul > li > a').click(function() {
            $('.pos-ul').hide()
        });
    }
});

它将在移动导航中选择一个锚标记，点击它将隐藏下拉无序列表。只需编辑它，将其包装在一个文档准备函数中，缩短选择器，并确保它仅在视口为768px或更小时触发。

相关文章：