添加css类时出现jQuery/JavaScript问题

现在我在脚本中添加类时遇到了问题。我有独特的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>

这是我的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事件时更改颜色，但我的脚本无法正常工作。你能帮我吗

如果您有任何问题，请写信给我。

您需要使用

$（“.CT”）。在（“

上，而不是

$（“.CT”）。一（

使用

one

将在首次触发事件后解除事件绑定

---

vs

这就是您想要的吗？它如何工作不正常？当我在MouseOver事件上运行几次时，我的颜色没有改变，您应该跟踪它代码我删除span.disactive，因为我不使用它

$(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");
    });
});