0

现在我在脚本中添加类时遇到问题。我有独特的 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 事件时更改颜色,但我的脚本无法正常工作。你能帮帮我吗?

当你有任何问题时,你给我写信。

4

1 回答 1

1

您需要使用$(".CT").on("而不是$(".CT").one("

使用one将在第一次触发事件后取消绑定事件。

一个()on()

于 2013-07-11T17:41:43.787 回答