基本的に私は3つのリンクを持っており、ユーザーがリンク領域に出入りするときに、ホバーcssプロパティを使用してそれらを白/赤にしました。
<div id="nav-glob">
<ul>
<!--menu-->
<li class="nav-home"><a href="#content">Home</a></li>
<li class="nav-portfolio"><a href="#lavori">Portfolio</a></li>
<li class="nav-contact"><a href="#footer">Contact</a></li>
</ul>
</div>
.nav-glob a:hover {
color: red;
}
次に、jQueryでclick()
、関数を使用してcsscolor
プロパティを赤に設定しました。
$('.nav-home > a').click(function(){
$(".nav-home a").css("color", "red");
$(".nav-contact a").css("color", "white");
$(".nav-portfolio a").css("color", "white");
});
$('.nav-portfolio > a').click(function(){
$(".nav-home a").css("color", "white");
$(".nav-contact a").css("color", "white");
$(".nav-portfolio a").css("color", "red");
});
$('.nav-contact > a').click(function(){
$(".nav-home a").css("color", "white");
$(".nav-contact a").css("color", "red");
$(".nav-portfolio a").css("color", "white");
});
問題は、これが最初は正常に機能していることです。1つのリンクをクリックすると、hover
CSSプロパティが無視されます。hover
クリックすると無効になっているようです。どんな助けでも大歓迎です、ありがとう