jQuery/JavaScript添加css類的問題

Question

現在我遇到了在我的腳本中添加類的問題。我有獨特的html結構。所以我需要你的建議。我希望你能幫助我。

下面有我的HTML代碼

<ul> 
    <li> <a href="#" onmouseover=changeImage('CT')> 
      <span class="CT"> CT&amp;M</span> 
      <span class="CT">(blablabla)</span> 
     </a> 

    </li> 
    <li> <span>/</span> 

    </li> 
    <li> <a href="#" onmouseover=changeImage('Invest')> 
      <span class="Invest">Invest</span> 
      <span class="Invest">(blablabla)</span> 
     </a> 

    </li> 
</ul> 

往下看。還有我的CSS

aside ul li a span:first-child, aside ul li span:first-child { 
    display: block; 
    text-align: center; 
    font-family: "Roboto-Medium"; 
    font-size: 1.8em; 
    color: #060606; 
} 
aside ul li a span:last-child { 
    display: block; 
    text-align: center; 
    font-family: "Roboto-Medium"; 
    font-size: 1.05em; 
    color: #060606; 
} 
aside ul li a span.active 
{ 
    color: #007582; 
} 
aside ul li a span.disactive 
{ 
    color: #060606; 
} 

這裏是我的jQuery代碼：

$(function() { 
    $(".CT").one("mouseover", function() { 
     $("span.Invest").removeClass("active"); 
     $("span.CT").addClass("active"); 
    }); 

    $(".Invest").one("mouseover", function() { 
     $("span.CT").removeClass("active"); 
     $("span.Invest").addClass("active"); 
    }); 
}); 

我想這樣做有趣的視覺效應。我想在運行onmouseover事件時改變顏色，但我的腳本無法正常工作。你能幫我嗎？

當你有任何問題時，你給我寫信。

Answer 1

您需要使用$(".CT").on("代替$(".CT").one("

使用one將解除綁定後的第一次事件被觸發事件。

one() VS on()