Справка по jCuery "a" addclass

Question

У меня есть следующий HTML

<div class="sub">
       <a href="#" id="people">People</a>
</div>

который имеет CSS для "a" как

color:#999999;
font-size:31px;

Я пытаюсь использовать jQuery, чтобы заставить это изменить цвет, используя класс "active", который просто имеет "color: # 777! Важный;" но каждый раз, когда я делаю это, это просто не работает. Я пытаюсь сделать это через

$('.sub').click(function() {
                $('a#people').addClass('active');
            })

Но это не работает? Кто-нибудь знает, как я могу добавить класс к элементу "a"? то есть попробовал это, но не работает

                $('.sub a').addClass('active');

Спасибо

Answer 1

То, что у вас есть, правильно: посмотрите, как оно работает . Если это не работает для вас, то есть что-то еще, о чем мы не знаем, что влияет на это.

Answer 2

То, что у вас работает, прекрасно работает. Вы можете увидеть это по адресу:

http://jsbin.com/oweye/edit

Полагаю, вы не завершили назначение кликов в документе, готовом так:

$(document).ready(function() {

    $('.sub').click(function() {
      $('a#people').addClass('active');
    });
 });

Если вы не пытались назначить обработчик до того, как элемент существует. Я изменил цвета в вашем CSS, чтобы сделать эффект более очевидным.