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

时间:2014-07-24 16:30:47

标签: twitter-bootstrap twitter-bootstrap-3 tooltip twitter-bootstrap-tooltip

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

我希望他们只在悬停时显示,我该怎么办?

2 个答案:

答案 0 :(得分:4)

你可以这样做

$(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>

答案 1 :(得分:1)

我认为您可以像这样在文档中触发bootstrap工具提示,

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

尝试像这样改变

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

希望这会起作用