Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Удаление и присвоение класса JS |
Удаление и присвоение класса JS |
Вообщем не давно начал изучать JS, создаю сайт и хотелось бы применить его.
Придумал удаление и присвоение класса, делаю так: Код <div class="tab" id="message" onclick="switchStyle()"><li></li></div> ====== var switchStyle { function(){ $(#categories).removeClass("noactive").addClass("active"); } }; Вот элемент к которому я меняю класс Код <div id="categories" class="noactive"></div> ========= .noactive{ display: none; } .active{ display:block; } Что я делаю не так? Сообщение отредактировал webanet - Четверг, 15 Май 2014, 18:14:47
|
Код onclick="switchStyle" |
Извини не увидел что функцию пихаешь в переменную. Вот так будет работать
Код var switchStyle = function(){ $(#categories).removeClass("noactive").addClass("active"); }; |
Игорь_, все равно не работает http://hubs.ucoz.ru/ Нажмите на сообщение в левом блоке.
Сообщение отредактировал Lumore - Четверг, 15 Май 2014, 17:51:55
|
Извини, но опиши что ты хочешь от функции? Она удаляет и сразу же восстанавливает удалившийся класс.
|
Ох я сейчас посмотрю на твой код внимательней. Я просто бегло посмотрел. Сейчас только что заметил, что $(#categories) - без кавычек
Добавлено (15 Май 2014, 17:58:48) Код onclick="switchStyle()" function switchStyle(){ $('#categories').removeClass("noactive").addClass("active"); }; |
Всегда пожалуйста
Сообщение отредактировал Игорь_ - Четверг, 15 Май 2014, 18:02:46
|
Lumore, напиши функцию сразу в onclick , если объект(ы) вызывающие функцию повторяется на странице не слишком часто, тогда это хоть и на какие-то байты, но сократит количество кода на странице. А можно и ускорить выполнение этой функции (если речь идет о том что у объекта не будет мультиклассов, но и с этим можно справиться). Например так:
Код <div class="tab" id="message" onclick="$('#categories').attr('class','active')"><li></li></div> Код <ul> <li class="tab" id="message" onclick="$('#categories').attr('class','active')"></li> </ul> Можешь забрать этот код и вставить его себе, сам знаешь куда.
|
| |||