Я хочу вызвать событие hover для элемента с помощью jQuery, но у меня есть полупрозрачный png, расположенный над элементом, используя z-index. Есть ли способ сказать jQuery игнорировать png и вызвать событие hover для элемента под ним?
Проблема jQuery hover из-за индекса z
Ответ 1
Если вы используете современный браузер, поддерживающий css3, попробуйте добавить эту строку в правило css для прозрачного png: pointer-events: none;
Он в основном говорит браузеру игнорировать все события мыши в этом элементе.
Например:
img
{
pointer-events: none;
}
https://developer.mozilla.org/en/css/pointer-events
Альтернативно, если ваш целевой браузер не поддерживает css3, вы можете захватить событие мыши, а затем запустить новый в базовом элементе.
например, если ваш идентификатор изображения равен #img, а ваш идентификатор базового элемента - #elem, вы можете сделать это:
$("#elem").hover(function(e){
$("#img").mouseenter(e);
});
Возможно, вам придется немного потрудиться в зависимости от того, как настроены ваши DOM, здесь документация http://api.jquery.com/mouseenter/