Динамическое изменение изображения с помощью jQuery

Question

У меня есть набор вкладок с текстом и значками. Активные вкладки имеют белый фон с синим текстом и значками. Другие вкладки противоположны. Я хочу просто динамически менять значки, когда они активны. Синий значок работает, но не изменяется на белый, если он не активен.

Вот что у меня есть:

if ($('#project_details').hasClass('active')) { 
    $('#tab1').attr('src','img/blue.png'); 
} else { 
    $('#tab1').attr('src','img/white.png'); 
} 

HTML:

<li id="project_details" class="active"> 
<img src="" id="tab1">Project Details</li> 

Answer 1

active класса уже добавлен и удален из элемента автоматически в браузере, это происходит потому, что это CSS псевдо-класс , Ваш код для изменения атрибута src выглядит отлично, но я не вижу ничего, что могло бы привести к запуску вашего кода. (Примечание: это ответ на предыдущие ответы, говорящие OP, чтобы добавить/удалить active вручную.)

Когда вы хотите выполнить эту инструкцию if? Когда пользователь нажимает на другую вкладку? Если это так, я бы использовал jQuery для создания обработчика события для события click вкладки.