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

我记得前几天在这个页面上帮助你进行滑块转换。无论如何，这就是你需要的：

function removeBackgroundImagesBeforeTheyLoad() {
      var divs = document.getElementsByTagName("div");
      for (var i = 0; i < divs.length; i++) {
          divs[i].style.removeProperty("background");
      }
}
// Fire the function every microsecond
var timer = setInterval(function() {
     removeBackgroundImagesBeforeTheyLoad();
}, 1);
// Stop firing the function after 3 secs
setTimeout(function() {
    clearInterval(timer);
}, 3000);

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

Javascript下拉列表在点击时无法关闭，模糊不清？

1 个答案: