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