У меня есть курсор, который активен при наведении всплывающего модального сообщения:
jQuery(".modal").on("mousemove", function(){
jQuery(".cursor").css("transform", "translate(" + (event.clientX - 25) + "px, " + (event.clientY - 25) + "px)");
})
Однако в этом модале у меня есть значки, которые можно нажимать (например, социальные сети). Поскольку этот .cursor
активен по всему .modal
, эти значки не будут активными.
Что я пытаюсь сделать (псевдо):
if( jQuery(window).width() <= 1024 ){
if (/* not hovering over class .icon */) {
// then show cursor
jQuery(".modal").on("mousemove", function(){
jQuery(".cursor").css("transform", "translate(" + (event.clientX - 25) + "px, " + (event.clientY - 25) + "px)");
})
}
}
Какя подхожу к этому? и это правильный путь?