如何在iPad上消除uib工具提示html

我在使用AngularJS uib工具提示HTML实现的HTML页面上有一个工具提示：

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

当我用鼠标悬停图标时，它在桌面浏览器上显示良好，当鼠标离开图标区域时，它消失

当我在iPad上激活工具提示时，如果我点击其他屏幕区域，它不会消失

---

如何消除iPad上的uib工具提示html工具提示？

我遇到了类似的问题并找到了解决方案。希望这能帮助其他人寻找答案。将以下代码添加到您的网站：

$('[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'); 
        } 
    });
});

---

stelco的所有信用证在此

我面临着类似的问题并找到了解决方案。希望这能帮助其他人寻找答案。将以下代码添加到您的网站：

$('[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'); 
        } 
    });
});

---

stelco的所有积分在此

查看angular ui bootstrap的github存储库上的类似讨论：谢谢，我会试试的！不过，这条线索不适合我的问题。我不想禁用工具提示，但有能力在它们出现在触摸屏上后将其取消。它更详细地介绍了这个长期已知但尚未修复的引导bug：请参阅github angular ui引导库上的类似讨论：谢谢，我会试试的！不过，这条线索不适合我的问题。我不想禁用工具提示，但有能力在它们出现在触摸屏上后将其取消。它详细介绍了这一长期已知但尚未修复的引导错误：