Question

我的菜单按钮有

这是HTML

MENU

<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>

AND 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");
  });
});

我改变了＆＃34; .icon＆＃34;对于＆＃34; a＆＃34;因此，一旦我选择了任何选项，菜单就会关闭，现在只要我点击向下滚动按钮，联系人以及菜单打开的任何其他标签按钮，有什么方法可以阻止这种情况发生吗？

Answer 1

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

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

请注意，JQuery选择器的工作方式与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> tags the menu opens</a>时随时

1 个答案: