Buen día, he estado batallando con los eventos click de jQuery y iOS. He probado varias soluciones, pero no funcionan. La primera que probé fue agregarle a los elementos en los que tengo los eventos el tipo de cursor a "pointer". Pero no funciona.
.clickeable {
cursor: pointer;
}
Después implemente la detección del dispositivo iOS y cambiar los eventos de click a touchstart
var user_agent = navigator.userAgent.toLowerCase();
var event = user_agent.match(/(iphone|ipod|ipad)/) ? "touchstart" : "click";
$("#menu-toggle").bind(event,function(e) {
e.preventDefault();
$('#menu-toggle').tooltip('hide');
$("#wrapper").toggleClass("toggled");
$("#menubtn")
});
Esto hacía funcionar solo el botón de menú, pero otros eventos no funcionan. Como este:
$('.animadoespecial').bind(event,function (event) {
event.preventDefault();
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top -100
}, 500);
});
También probé agregando el atributo onClick, pero nada funciona.
$('#menu-toggle').attr('onclick', '');
¿Qué podrá ser?
$( "#slider-simulador" ).on( "slidestop", function( event, ui ) { actualizacionAPVSlider(); } );
que al presionarla el dispositivo hace focus al final de la página (pasa solo la primera vez que presiono el slider)