Javascript 使用a href关闭覆盖_Javascript

Javascript 使用a href关闭覆盖

javascript

Javascript 使用a href关闭覆盖,javascript,Javascript,我有一个导航覆盖，我想做的是关闭导航时，点击链接。它与href=“#”一起工作，但我的链接是href=“someplace.com”。如何让链接在仍然使用href的情况下关闭我的div `<script> $(document).ready(function(){ $(".menu-wrapper a").click(function(){ $(".overlay").fadeToggle(200); $(this).toggleClass('btn-open').toggl

我有一个导航覆盖，我想做的是关闭导航时，点击链接。它与

href=“#”

一起工作，但我的链接是

href=“someplace.com”

。如何让链接在仍然使用href的情况下关闭我的div

`<script>
 $(document).ready(function(){
 $(".menu-wrapper a").click(function(){
 $(".overlay").fadeToggle(200);
 $(this).toggleClass('btn-open').toggleClass('btn-close');
 });
 });
 $('.overlay').on('click', function(){
 $(".overlay").fadeToggle(200);   
 $(".menu-wrapper a").toggleClass('btn-open').toggleClass('btn-close');
 open = false;
 });
 </script>`

`
$（文档）.ready（函数（）{
$（“.menu wrapper a”）。单击（函数（）{
$（“.overlay”）.fadeToggle（200）；
$（this.toggleClass（'btn-open'）。toggleClass（'btn-close'）；
});
});
$（'.overlay'）。在（'click'，function（）上{
$（“.overlay”）.fadeToggle（200）；
$（“.menu wrapper a”）.toggleClass（'btn-open'）.toggleClass（'btn-close'）；
开=假；
});
`

链接是

`<li><a class="btn-close" href="<?php echo SITE_URL;    ?>profiles">Profiles</a></li>`

``

感谢您的帮助。

如果链接有href=“#”页面没有重新加载，否则会重新加载。您可以这样做：

<li><a class="btn-close" href="javascript:void(0)" onclick="closeOverlay()">Profiles</a></li>

在这里，您可以关闭覆盖并调用AJAX来获取PHP数据

我的Jquery已经生锈了

$('.some-class-for-all-nav-links').click(function () {
// select the nav and close it with css or javascript
})

浏览器中的事件依次向下和向上。假设您具有以下结构：

<html>
  <head>...</head>
  <body>
    <section>
      <p>Here is a <a href="#sample">link</a></p>
    </section>
  </body>
</html>

感谢您的反馈，但是我没有实现您建议的jquery技能。再次感谢您的时间。@NickGalgay您需要的不是jquery，而是香草JS。我将用实际代码编辑答案，因为我心情很好：）

<html>
  <head>...</head>
  <body>
    <section>
      <p>Here is a <a href="#sample">link</a></p>
    </section>
  </body>
</html>

document.addEventListener('click', function (e) {
  if (e.target.tagName === 'A') {
    alert("You've just clicked a link");
  }
}, true); // true to trigger on 'capture'