在 Twitter 引导程序中自动显示工具提示，而无需放置光标

Automatically show a tooltip in Twitter Bootstrap without putting the cursor

本文关键字：置光标 工具提示 显示 引导程序 Twitter      更新时间：2023-09-26
<a href="#" title="Twitter bootstrap" data-toggle="tooltip">bootstrap</a>

我想在不放置光标的情况下显示工具提示。有什么特殊属性可以做到这一点吗？

通常，

您可以使用 $('#my-tooltip').tooltip('show') 显示 javascript 代码中的工具提示。您的锚标记必须与选择器匹配，并且您需要添加data-trigger="manual"属性

<a id="my-tooltip" href="#" title="Twitter bootstrap" data-toggle="tooltip" data-trigger="manual">bootstrap</a>

根据 Bootstrap 文档，您可以使用相应的方法手动显示和隐藏工具提示。不确定你的js是什么样子的，但这样的东西应该可以工作：

$(document).ready(function () {
  $('#tt-element').tooltip('show')
  setTimeout(function () {
    $('#tt-element').tooltip('hide')
  }, 5000)
}

当然，您需要更改 html 以包含id="tt-element"

相关文章：