添加 css 类的 jQuery/JavaScript 问题

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 将在第一次触发事件后取消绑定(bind)该事件。

one()对比on()