Присваивание класса при нажатии на ссылку
Задача такая :
Есть html код <ul class="sidebar"> <li class="active"><a href="#" id="profile"><h4><img class="icon" src="images/icons/card.png"/>PROFILE</h4> <p>About Me</p></a></li> <li><a href="#" id="resume"><h4><img class="icon" src="images/icons/resume.png"/>RESUME</h4> <p>My Job and Skills</p></a></li> <li><a href="#" id="folio"><h4><img class="icon" src="images/icons/case.png"/>FOLIO</h4> <p>My Works</p></a></li> <li><a href="#" id="contact"><h4><img class="icon" src="images/icons/mail.png"/>CONTACT</h4> <p>Let's Get In Touch!</p></a></li> </ul> Есть JavaScript код $(document).ready(function(){ $('.four.columns.sidebar li a').click(function() { $(this).siblings('.four.columns.sidebar li a').removeClass('active'); $(this).addClass('active'); }); }); который при нажатии на определенную ссылку присваивает элементу li нажатой ссылки класс active. Но обнаружилась проблема - при нажатии на другую ссылку ей тоже присваивается класс active, а у предыдущей ссылки он почему-то не удаляется. Как сделать чтобы он удалялся? |
Цитата:
Вот так вот надо: $(document).ready(function(){ $('.four.columns.sidebar li a').click(function() { $('four.columns.sidebar li a').removeClass('active');//заберет актив у всех ссылок $(this).addClass('active');//присвоит нужной }); }); |
l-liava-l,
по-прежнему не удаляется :( |
Да мне тоже надо а то туплю)
|
dmitriymar,
Мне просто сегодня нужно закончить, не успею доки прочитать |
$('four.columns.sidebar.active').removeClass('active'); как то так селектор и код должены выглядеть ,если не прав -джиквери не пользуюсь |
Всё-равно не получается(
|
$(document).ready(function(){ $('.sidebar li a').click(function() { $('.active').removeClass('active'); $(this).addClass('active'); }); }); и не удивительно. обратите внимание чему вы класс присваиваете-в нтмл в li класс,а клик происходит по а |
dmitriymar,
Спасибо большое! Теперь всё работает! |
А у меня не переключается класс
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
Часовой пояс GMT +3, время: 22:58. |