Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не работает событие hover(); (https://javascript.ru/forum/jquery/65342-ne-rabotaet-sobytie-hover-%3B.html)

destus 16.10.2016 14:03

maxg5,
дай ссылку на сайт

maxg5 16.10.2016 15:28

http://www.kuchenkov-sergey.myjino.ru
В шапке есть кнопка "Заказать обратный звонок", которая открывает модальное окно.
Если в этом окне чекбокс не выбран, то при наведении на кнопку отправить ничего не должно происходить.А если выбран то при наведении курсора на кнопку к ней должны добавляться стили.
box-shadow:0 3px 2px rgba(0,0,0,.4);
	-moz-box-shadow:0 3px 2px rgba(0,0,0,.4);
	-webkit-box-shadow:0 3px 2px rgba(0,0,0,.4);"));

Стили должны быть в style.css

destus 16.10.2016 15:51

Цитата:

А если выбран то при наведении курсора на кнопку к ней должны добавляться стили
Эти правила к ней и добавляются. Только твой hover_b тут вообще не к месту, потому что в style.css на строке 3063 есть правило
input[type="submit"]:hover, input[type="reset"]:hover {
	box-shadow:0 3px 2px rgba(0,0,0,.4);
	-moz-box-shadow:0 3px 2px rgba(0,0,0,.4);
	-webkit-box-shadow:0 3px 2px rgba(0,0,0,.4);"));
	}

maxg5 16.10.2016 17:49

Ну так сейчас правила добавляются вне зависимости от того, выбран чекбокс или нет.
А нужно что бы правило добавлялось только если выбран чекбокс.
А если убрать css правило, и использовать jQuery скрипт со стилем hover_b, то скрипт не видит стили из stye.css

destus 16.10.2016 18:24

maxg5,
удаляешь в style.css со строки 3063 эти правила
input[type="submit"]:hover, input[type="reset"]:hover {
	box-shadow:0 3px 2px rgba(0,0,0,.4);
	-moz-box-shadow:0 3px 2px rgba(0,0,0,.4);
	-webkit-box-shadow:0 3px 2px rgba(0,0,0,.4);"));
	}

и удаляешь со строки 2601 эти правила
.button:hover,
.reply a:hover {
	background: #c0c0c0;
	
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}


и будет тебе счастье...

<img src='http://s019.radikal.ru/i632/1610/1b/142c8e0ea39e.gif'>

maxg5 16.10.2016 18:45

destus,
Спасибо, все работает.


Часовой пояс GMT +3, время: 15:52.