Estou com um problema em algo similar a um tooltip legado, o que acontece é que fizeram no hover desta forma:
var elem = jQuery('#interrogacao_adicionar_cartao_div');
jQuery('#tooltip-cartao').hover(
function() {
elem.show();
}, function() {
elem.hide();
}
);
Ele funciona porem em mobile ele não some, ta é por que mobile é touch etc
Então estou mudando para que seja click tanto desktop e mobile, eu vi que tem outras formas mais simples de se fazer etc, mas eu não posso mudar nada apenas o evento que exibe e remove devido a estar em milhares de lugares e tem que funcionar de forma igual entre desktop e mobile
Então se clicar no #tooltip-cartao
ele exibe e se ele ja estiver aberto e clicar nele ou em qualquer outro elemento fechar
Fiz da forma abaixo:
var click = jQuery('#tooltip-cartao');
var elem = jQuery('#interrogacao_adicionar_cartao_div');
var att = '';
jQuery('#tooltip-cartao , body').click(function(){
att = click.data('active');
if (att === 'disable' && jQuery(this).attr('id') == 'tooltip-cartao') {
click.attr('data-active','enable');
elem.show();
} else if (att === 'enable') {
click.attr('data-active','disable');
elem.hide();
}
});
O problema que ele acaba pegando 2 eventos ao mesmo tempo então ele fica sempre mostrando ou sempre fechado pois não consigo juntar os 2 eventos em apenas um
Obs: não posso usar toggle por que não funciona em iphone 4 e 5