Чат сообщества
   | |
| Модератор форума: 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> Можешь забрать этот код и вставить его себе, сам знаешь куда.
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!