[英]Disable hover effect of nav toggle when nav menu is open
我试图在导航菜单打开时禁用导航切换按钮的悬停效果。 单击按钮时,我在切换一个类,并运行一条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();
});
您只是在检查navToggle是否为假,我想您还需要检查真实值
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.