嵌套addClass似乎沒有工作

https://jsfiddle.net/qco1duyL/嵌套addClass似乎沒有工作

我想提出一個懸停效果只發生，如果頁面滾動所有的方式達到頂峯。我嘗試使用.css，它不工作，所以我嘗試使用addClass來代替。仍然不起作用。如果您需要查看我的完整代碼，請告訴我，但除了li的html外，這些都與它有關。

JQuery的

$(document).scroll(function() { 
    if($(document).scrollTop() === 0) { 
    $('header').css("background-color", "rgba(18, 79, 255, 1)"); 
    $('.gall').show(); 
    $('li').hover(function() { 
     $(this).addClass("hovered"); 
    } function() { 
     $(this).removeClass("hovered"); 
    }); 
} else { 
    $('header').css("background-color", "rgba(18, 79, 255, .5)"); 
    $('.gall').hide(); 

}});

CSS

.hovered { 
    text-decoration:none; 
    text-shadow: 2px 2px 4px #AB5F1D, 
       2px 2px 2px #D67521, 
       3px 3px 2px #4A2A0F, 
       4px 4px 0px #000; 
    color: #FF8B24; 
    -webkit-text-stroke: .3px black; 
}

來源

2016-03-15 Shniper

請您包括您的html代碼呢？ – reshad

傳遞給'hover（）'的兩個函數之間缺少一個逗號（'，'）' – haim770

爲什麼每次'scroll'回調被觸發時都要重新調用'.hover'？似乎可能會導致問題。 – zzzzBov

我

$(document).scroll(function() { 
    if($(document).scrollTop() === 0) { 
    $('header').css("background-color", "rgba(18, 79, 255, 1)"); 
    $('.gall').show(); 

} else { 
    $('header').css("background-color", "rgba(18, 79, 255, .5)"); 
    $('.gall').hide(); 
}}); 

$('li').hover(function() { 
    if($(document).scrollTop() === 0) { 
     $(this).toggleClass("hovered"); 
} else { 
    $(this).toggleClass("scrolledHovered"); 
}});

來源

2016-03-15 16:33:26 Shniper

固定它你忘記，

見的jsfiddle https://jsfiddle.net/qco1duyL/1/

$('li').hover(function() { 
     $(this).addClass("hovered"); 
    }, function() { 
     $(this).removeClass("hovered"); 
    });

希望幫助

來源

2016-03-15 16:33:45 Greg

嵌套addClass似乎沒有工作

回答

相關問題