页面加载时可见的 Bootstrap 3 工具提示答案

【问题标题】：Bootstrap 3 tooltips visible on page load页面加载时可见的 Bootstrap 3 工具提示
【发布时间】：2014-07-24 16:30:47
【问题描述】：

我正在使用 Bootstrap 3 工具提示，使用了文档中的示例，但问题是它们在开始时会自动显示，当页面加载时，所有工具提示都是可见的！

我希望它们只在悬停时显示，我该怎么办？

【问题讨论】：

Twitter Bootstrap Tooltips on Hover & Focus的可能重复
我的代码中没有重复项，我使用 HTML 数据属性来显示工具提示，我切换到使用 JavaScript 显示它们，现在它工作得很好，但是在文档中，您可以使用 HTML 数据属性，奇怪的！谢谢
肯定有其他事情发生（但没有您的代码和更多信息无法判断），因为数据属性工具提示也不应该这样做。
显示您的代码以帮助您快速。

【解决方案1】：

你可以这样做

$(function () {
    $('[data-toggle="tooltip"]').tooltip("show");
    $('[data-toggle="tooltip"]').find(".tooltip.fade.top").removeClass("in");
 });

或

$(function () {
    $('[data-toggle="tooltip"]').tooltip("show");
    $(".tooltip.fade.top").remove();
 });

对于 HTML：

<a href="#" data-toggle="tooltip" title="This is tooltip !">Hover over me</a>

【讨论】：

【解决方案2】：

我认为您可以像这样在准备好的文档中触发引导工具提示，

$('#id').tooltip('show');

试着像这样改变

$('#id').tooltip();

希望这会奏效

【讨论】：