javascript - Twitter Bootstrap 工具提示 : flickers on mouse down

Question

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

ASP.Net 和 Bootstrap 的版本:

ASP.Net 4.5

助推器 3.0.0

场景:

我正在开发我的 web 应用程序，我需要在其中使用按钮上的 Bootstrap 工具提示。一切正常，但是当我的鼠标按下事件被触发时，我觉得工具提示在闪烁。这是动图:

我的问题是如何使用 jquery 或任何 css 提示在我的 ASP.Net webapp 中防止工具提示在鼠标按下事件时闪烁？

我之前试过的是

Github ref#1 Github ref#2

.tooltip { 指针事件:无； container="body

但它们都不适用于我的情况。我还在这里分享了我的 Bundle.config 文件，您可以在其中看到我的 Bootstrap 和自定义 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 { 指针事件:无!重要； }

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

Answer 1

我在 Visual Studio ASP.NET 应用程序中遇到了来自 Bootstrap 的类似奇怪行为。如果 Bootstrap 是作为元素的一部分安装的(可能是)，请尝试删除 NuGet 包并重新安装。在执行此操作时，我建议将 Bootstrap 升级到版本 3.3.7 或更新版本。