Bootstrap 在 Blazor 应用中导航后工具提示仍然可见

Question

我是 Blazor 和客户端 Web 开发的新手。我的 Blazor 应用程序中有以下代码块：

<h1 class="page-title">
    All Offices 
    <a href="@("office-edit")" class="btn btn-primary table-btn" 
        data-toggle="tooltip" 
        data-placement="top" 
        title="Add new office">
        <i class="fas fa-plus"></i>
    </a>
</h1>

当我将鼠标悬停在工具提示上并移开时，工具提示工作正常。但是，当我单击 link 时，工具提示仍然可见。我该如何确保它消失？

Answer 1

这不是西装外套问题。它是 bootstrap 中开箱即用的功能。 See bootstrap 示例部分在这里，你会看到类似的行为。

您可以通过编写自己的 javascript 代码来更改此行为。 this link 会帮你写自己的 javascript.

Bootstrap 在 Blazor 应用中导航后工具提示仍然可见

Bootstrap tooltips remain visible after navigation in Blazor app

twitter-bootstrap

jquery-ui-tooltip

blazor

blazor-server-side