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

Question

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

ASP.Net和Bootstrap的版本：

ASP.Net 4.5

Boostrap 3.0.0

场景：

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

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

我以前尝试过的是

Github ref＃1 Github ref＃2

.tooltip { pointer-events: none; } .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

从这里解决

我将以下代码放在母版页中，这解决了我的问题。

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