Twitter Bootstrap Popover / Tooltip Bug com o celular?
Estou trabalhando com o Twitter Bootstrap e encontrei algo que não consegui corrigir ao testar no iPad e no iPhone. Em dispositivos móveis (pelo menos esses dispositivos), você precisa clicar para ativar a dica ou o popover (conforme esperado). A questão é que você nunca pode fechá-lo depois disso. Eu adicionei um ouvinte para fechá-lo se você clicar nele novamente, mas acho difícil acreditar que o comportamento padrão não seria clicar para removê-lo. Isso é um bug no popover Bootstrap e tooltip ?? Meu código está abaixo - parece funcionar, mas apenas se você clicar no mesmo item que criou a dica ou popover - não em qualquer lugar da página (não consegui fazer isso funcionar).
Código para disparar:
<code>$(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') }); }); }); </code>
HTML:
<code><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)"> </code>
Desde já, obrigado!
Dennis