每当我按下 <a> 标签时，菜单就会打开

Question

我的菜单按钮有这个 html 和 javascript

这是 HTML

菜单

<div class="mobilenav"> 
  <li><a href="#">HOME</a></li> 
  <li><a href="#">SERVICES</a></li> 
  <li><a href="#">WORK</a></li> 
  <li><a href="#">TALK</a></li> 
</div>

图标

<a href="javascript:void(0)" class="icon"> 
  <div class="MENU"> 
    <div class="menui top-menu"></div> 
    <div class="menui mid-menu"></div> 
    <div class="menui bottom-menu"></div> 
  </div> 
</a>

和JS

$(document).ready(function () {
  $(".icon").click(function () {
    $(".mobilenav").fadeToggle(500);
    $(".top-menu").toggleClass("top-animate");
    $(".mid-menu").toggleClass("mid-animate");
    $(".bottom-menu").toggleClass("bottom-animate");
  });
});

我更改了 "a" 的“.icon”，因此只要我选择了任何选项，菜单就会关闭，现在只要我单击向下滚动按钮、联系人和任何其他标签按钮，菜单就会打开，有什么办法可以阻止这种情况发生吗？

Answer 1

$("a") select页面上的所有链接。

相反，您只需要 select .icon + .mobilenav 中的链接，因此您需要执行 $(".icon, .mobilenav a").

请注意 JQuery select 或与 CSS selectors 几乎相同的工作方式。

$(document).ready(function () {
  $(".icon, .mobilenav a").click(function () {
    $(".mobilenav").fadeToggle(500);
    $(".top-menu").toggleClass("top-animate");
    $(".mid-menu").toggleClass("mid-animate");
    $(".bottom-menu").toggleClass("bottom-animate");
  });
});

每当我按下 <a> 标签时，菜单就会打开

anytime i press an <a> tags the menu opens

html

javascript

css

tags

jquery