导航菜单打开时禁用导航切换的悬停效果

Question

我正在尝试在导航菜单打开时禁用导航切换按钮的悬停效果。当单击按钮并运行 if 语句时，我正在切换一个类，该语句表示它应该只在类未切换时才运行动画。我可以在控制台中看到 div.toggle-btn 正在切换 disable-hover 类，但它并没有像我期望的那样禁用/启用 javascript 代码。

var btnhover = new TimelineMax({paused: true});

var navtoggle = $('.toggle-btn').hasClass('disable-hover');

if (navtoggle === false) {
  if ($(window).width() >= 768) {
    btnhover.to(".one", .3, {
       y: 5,
       ease: Expo.easeInOut,
    })}
  else {
    btnhover.to(".one", .3, {
       x: -5,
       ease: Expo.easeInOut,
    })
  }
}

if (navtoggle === false) {
  if ($(window).width() >= 768) {
    btnhover.to(".two", .3, {
       y: -5,
       ease: Expo.easeInOut,
       delay: -.3
    })}
  else {
    btnhover.to(".two", .3, {
       x: 5,
       ease: Expo.easeInOut,
       delay: -.3
    })
  }
}

function btnover(){
  if (navtoggle === false) {
    btnhover.play();
  }
}

function btnout(){
  if (navtoggle === false) {
    btnhover.reverse();
  }
}

$(".toggle-btn").hover(btnover, btnout);


function disableHover() {
  $("div.toggle-btn").toggleClass("disable-hover");
}

$(document).on("click", ".toggle-btn", function() {
      disableHover();
});

Answer 1

您只检查 navToggle 是否为假，我认为您还需要检查真实值