Twitter Bootstrap工具提示：鼠标按下时闪烁

Question

我正在处理bootstrap工具提示的一些奇怪行为。

ASP.Net和Bootstrap的版本：

ASP.Net 4.5

Boostrap 3.0.0

场景：

我正在使用webapp，需要在按钮上使用Bootstrap工具提示。一切正常，但是当我按下鼠标时，工具提示在闪烁。这是gif：

我的问题是我如何使用jquery或任何CSS提示防止ASP.Net Webapp中的鼠标按下事件出现工具提示闪烁？

我之前尝试过的是

Github ref#1 Github ref#2

.tooltip { pointer-events: none; } container="body

但在我的情况下，它们都不起作用。另外，我在这里分享了我的Bundle.config文件，您可以在其中看到我的引导程序和自定义css文件的对齐情况。

<bundles version="1.0">
    <styleBundle path="~/Content/css">
        <include path="~/Content/bootstrap.css" />
        <include path="~/Content/chosen.css" />
        <include path="~/Content/Site.css" />
        <include path="~/Content/font-awesome.css" />
        <include path="~/Content/AutoComplete.css" />
        <include path="~/Content/GridView.css" />
        <include path="~/Content/custom.css" />
    </styleBundle>
</bundles>

在我的网站母版页中，我将jquery放在页面末尾：

$('[data-toggle="tooltip"]').tooltip({ container: 'body' });

并将此CSS放入我的自定义CSS文件中

.tooltip { pointer-events: none !important; } .popover { pointer-events: none !important; }

现在，请告诉我我做错了什么，或者什么是防止这种鼠标悬停事件闪烁的正确方法。

Answer 1

在Visual Studio ASP.NET应用程序中，我在Bootstrap中有类似的奇怪行为。如果Bootstrap是作为项目的一部分安装的（可能是），请尝试删除NuGet软件包并重新安装。在执行此操作的同时，我建议将Bootstrap升级到版本3.3.7或更高版本。

Answer 2

This is resolved from here

我在主页上放置了以下代码，这解决了我的问题。

$('body').tooltip({
    selector: '[data-toggle="tooltip"], [title]:not([data-toggle="popover"])',
    trigger: 'hover',
    container: 'body'
}).on('click mousedown mouseup', '[data-toggle="tooltip"], [title]:not([data-toggle="popover"])', function () {
    $('[data-toggle="tooltip"], [title]:not([data-toggle="popover"])').tooltip('destroy');
});