Estoy haciendo una web para mobilefisrt, hice este código para que no me "tome en cuenta" algunas funcionalidades de mi div (adentro del div tiene un modal que el usuario podría tocar y abrirse), pero el problema es que lo pruebo con chrome y sin problemas, pero cuando hago testeo con safari es como si no hubiera implementado nada, ¿alguien me podría guiar? Gracias.
$(".card").hover(function () {
let id = $(this).attr('id');
setTimeout(function () {
$("#" + id + " .cajaGrafico").removeClass('pointerEvents');
$("#" + id + " .toggle").removeClass('pointerEvents');
}.bind(this), 100);
}, function () {
let id = $(this).attr('id');
setTimeout(function () {
$("#" + id + " .cajaGrafico").addClass('pointerEvents');
$("#" + id + " .toggle").addClass('pointerEvents');
}.bind(this), 100);
});
$(".card").hover
detecta cuando el div esta en hover y entonces te da acceso al modal.