Повторение скрипта без обновления страницы
Добрый день! Я в JS новичок. Столкнулся, как мне кажется с элементарной задачей. Есть простой скрипт - при клике на один элемент, меняются стили другого элемента. Но он срабатывает один раз, чтобы еще раз он сработал, нужно обновить стр. Вопрос простой, как сделать так, чтобы я мог использовать этот скрипт без обновления стр?
$('.a_pinkt').click(function() {
$('.cirlce_menu').css({
'transform': 'rotate(45deg)'
});
});
|
(function() {
var deg = 0,//Сохраняю угол поворота
$menu = $('.cirlce_menu');//Просто ссылка на меню, чтобы каждый раз не искать меню в DOM
$('.a_pinkt').click(function(e) {
e.preventDefault();//Отменяю поведение браузера по умолчанию
deg = deg % 360 + 45;//Рассчитываю новый угол. Остаток от деления текущего угла на 360 + 45
$menu.css({
'transform': 'rotate(' + deg + 'deg)'//Изменяю css свойство transform меню
});
});
})();
|
Спасибо огромное!!!! Все работает как надо!) Но можно просьбу огромную, можете пояснить код?
|
XamMax, добавил комментарии.
|
Спасибо еще раз!
|
| Часовой пояс GMT +3, время: 13:42. |