在页面加载时显示工具提示然后自动隐藏

时间:2021-02-17 14:43:06

标签: html jquery function tooltip

我想在页面加载时显示 1 个工具提示,然后在几秒钟后隐藏和/或在另一个工具提示悬停时隐藏。

我找到了几种方法来做到这一点,但是我使用 Elementor Addon 作为我的工具提示,因此它嵌套在几个 div 中,这让我感到困惑。

当您将鼠标悬停在 'div.eael-tooltip' 上时 - 'span.eael-tooltip-text' 显示(这是我想自动显示几秒钟的内容)

<div class="eael-tooltip">
<span class="eael-tooltip-content">
<img>
<p></p></span>
<span class="eael-tooltip-text eael-tooltip-right">
<p></p></span>
            </div>

我知道为此我可能需要一些 jQuery,有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

您可以使用 Bootstrap 创建一个对话框并在一段时间后关闭它: 解决方案就在这里:How to automatically close Bootstrap 3 modal after time period