Question

我对jQuery相当陌生，我试图让我的移动菜单（通过菜单按钮打开）滚动到该部分，并在按下链接后关闭。我遇到的问题是我的所有链接仍在滑动菜单。

我只想要与班级相关的链接＆＃34; menu_links＆＃34;滑动菜单。

（css显示部分是为了确保页面在切换菜单之前处于移动模式，我没有和它有问题）

请有人向我解释我做错了什么，以及更好的方法吗？任何帮助都将非常感激！

//Smooth scrolling
$(document).ready (function() {
    $('a[href*=#]:not([href=#])').click(function() {
      if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
          $('html,body').animate({
            scrollTop: target.offset().top
          }, 1000);

          //Issues area
          if ($("a").hasClass("menu_links")) {
            if ($(".menuButton").css("display") == "block" ){
              $( ".menu" ).slideToggle( "medium" );
            }
          }
          return false;
        }
      }
    });
});

Answer 1

更改了行：

if ($("a").hasClass("menu_links")) {

到

if ($(this).hasClass('menu_links')) {

如果链接有类，则仅关闭移动导航

1 个答案: