Wie entlassen UIB-Tooltip-html auf iPad

Question

Ich habe einen Tooltip auf einer HTML-Seite mit AngularJS implementiert UIB-Tooltip-html:

<div> 
    <i uib-tooltip-html="myTooltip='my tooltip HTML'" 
     class="fa fa-exclamation-triangle"></i> 
</div> 

Es zeigt auch auf Desktop-Browser, wenn ich auf das Symbol mit dem Mauszeiger Maus und verschwindet, wenn sich die Maus außerhalb des Symbolbereichs befindet.

Wenn ich den Tooltip auf dem iPad aktiviere, verschwindet es nicht, wenn ich auf andere Bildschirmbereiche tippe.

Wie Sie den Tooltip "uib-tooltip-html" auf dem iPad ablehnen?

Answer 1

Ich konfrontiert ein ähnliches Problem und fand eine Lösung. Hoffe, das hilft jemandem, der nach einer Antwort sucht. Fügen Sie den folgenden Code auf Ihre Website:

$('[data-toggle="popover"]').popover(); // close on body click 
// iOS doesnt recognise 'body' click so using :not 
$(':not(#anything)').on('click', function (e) { 
    $('[data-toggle="popover"]').each(function() { 
     if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { 
      $(this).popover('hide'); 
     } 
    }); 
}); 

Alle Kredite an Stelco an diesem URL