JQuery Color Change Animation (пользовательский интерфейс switchClass) - PullRequest
Новая
       13

JQuery Color Change Animation (пользовательский интерфейс switchClass)

0 голосов
/ 24 марта 2011

У меня есть веб-сайт, который содержит несколько проектов, и каждому проекту присваивается категория. В одном проекте может быть несколько категорий. Некоторые проекты могут быть «Реклама» и «Выставка»

Я использовал PHP для создания ссылок на каждый проект, и они выглядят так: 

<a class='Advertising Exhibition'>Project Name</a>

Таким образом, я могу назначить несколько классов для каждого проекта.

Теперь по моей проблеме. Я хочу иметь возможность нажимать «Реклама» в навигации и для любых проектов с классом Реклама, чтобы они стали бледно-красными, чтобы выделить их. Вот мой код: 

//In the Head
<script>
function changeCat(cat){
    $('.'+cat).animate({color:'#ef2f24'}, 500);
}
</script>

//In the Navigation
<a href="#" class="Advertising" onclick="changeCat('Advertising')">Advertising</a>

//In the Body
<a href='project.php?name=projectname' class='Advertising Exhibition'>Project Name</a>

Кажется, что анимация не хочет работать. Теоретически при нажатии на «Реклама» все рекламные проекты должны выделяться цветом # ef2f24 в течение 500 миллисекунд.

Кто-нибудь может помочь?

Ответы [ 2 ]

1 голос
/ 24 марта 2011

Может быть удобнее использовать анимацию classChange, как описано здесь: jQuery.animate () только с классом CSS, без явных стилей

0 голосов
/ 24 марта 2011

Если вы пытаетесь изменить цвет фона, тогда это хороший поток Stackoverflow для проверки .

...