Почему не корректно работает jquery hover?

Question

[Sasha_Fenix]

Есть вот такой сервис egosila.ru/servis-khvorob, при наведении курсора на синие блоки срабатывает событие hover которое открывает блок с ссылками. Если поочередно наводить курсор сверху вниз все работает, если снизу вверх то событие hover почему то не срабатывает. На локальном ПК все работает. В чем может быть причина поломки?

jQuery(function ($) {

		$(".myclass").hide();

		function deleteClass() {
			$(".active").removeClass("active");
			$(".activeBigimg").removeClass("activeBigimg");
		}

		$(".c1").hover(function(){
			$(".myclass").hide();
			deleteClass();
			$(".c1").addClass("active");
		    $("#1div1").show();
		});
		$(".c2, .c3").hover(function(){
			$(".myclass").hide();
			deleteClass();
			$(".c2, .c3").addClass("activeBigimg");
		    $("#2div1").show();
		});
.
.
.
});

Answer 1

[Mr Crabbz]

Потому что у вас каждый первый li имеет бОльший размер, чем все остальные. Он банально перекрывает предыдущий синий блок, изза чего вы не можете навести на него курсор.


А на локальном скорее всего работает только потому, что завис кеш с версией цсс, в которой этот li был нормальных размеров.

Comments

[Sasha_Fenix]

hover срабатывает если наводить на синие блоки сбоку joxi.ru/MAjlRB3F0bpPme, и событие hover на span, а не на li.

[Sasha_Fenix]

Да, перекрывает, а как сделать чтобы не перекрывал?

[Mr Crabbz]

Sasha_Fenix: Ну попробуйте этим li жестко задать высоту например. Вообще это проблема вёрстки чисто.

[Sasha_Fenix]

Роман Краббз: Спасибо большое, нашел решение.