Twitter Bootstrap Popover / Tooltip Bug con el móvil?
Estoy trabajando con Twitter Bootstrap y me topé con algo que no pude solucionar al probar en iPad y iPhone. En dispositivos móviles (al menos en esos dispositivos), debe hacer clic para activar la sugerencia o la ventana emergente (como se esperaba). El problema es que nunca puedes cerrarlo una vez que lo haces. Agregué un oyente para cerrarlo si vuelves a hacer clic, pero me cuesta creer que el comportamiento predeterminado no sea hacer clic para eliminarlo. ¿Se trata de un error en el menú emergente y la información sobre herramientas de Bootstrap? Mi código está abajo: parece funcionar, pero SOLAMENTE si hace clic en el mismo elemento que creó la sugerencia o ventana emergente, no en ninguna parte de la página (no se pudo lograr que funcione).
Código para disparar:
$(function () {
//Remove the title bar (adjust the template)
$(".Example").popover({
offset: 10,
animate: false,
html: true,
placement: 'top',
template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-content"><p></p></div></div></div>'
//<h3 class="popover-title"></h3>
//Need to have this click check since the tooltip will not close on mobile
}).click(function(e) {
jQuery(document).one("click", function() {
$('.Example').popover('hide')
});
});
});
HTML:
<a href="javascript:void(0);" class="Example" rel="popover" data-content="This is the Data Content" data-original-title="This is the title (hidden in this example)">
¡Gracias por adelantado!
Dennis