jQuery/JavaScript Проблемы с добавлением класса css

В настоящее время у меня проблема с добавлением класса в мой скрипт. У меня есть уникальная структура html. Поэтому мне нужен ваш совет. Надеюсь, ты поможешь мне.jQuery/JavaScript Проблемы с добавлением класса css

Ниже есть мой 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, но мой скрипт работает неправильно. Не могли бы вы мне помочь?

Если у вас есть какие-либо вопросы, вы пишете мне.

источник

2013-07-11 Dawid Pierwoła

[** JSFiddle демо **] (http://jsfiddle.net/4Wr9Q/) Это то, что вы хотите? –

Как это работает неправильно? – cfs

, когда я запускаю несколько раз в onmouseover события мой цвет не меняется вы должны пронести его код –

Вы должны использовать $(".CT").on(" вместо $(".CT").one("

Использование one будет отвязать событие после того, как в первый раз событие.

one() против on()

источник

2013-07-11 17:41:43

jQuery/JavaScript Проблемы с добавлением класса css

ответ

Смежные вопросы