Question

<a href="#" title="Twitter bootstrap" data-toggle="tooltip">bootstrap</a>

我想在不放光标的情况下显示工具提示。这有什么特殊的属性吗？

Answer 1

通常，您可以使用data-trigger="manual"从javascript代码中显示工具提示。您的锚标记必须与选择器匹配，您需要添加<a id="my-tooltip" href="#" title="Twitter bootstrap" data-toggle="tooltip" data-trigger="manual">bootstrap</a>属性

apply

Answer 2

每the Bootstrap docs，您可以使用相应的方法手动显示和隐藏工具提示。不确定你的js是什么样的，但是这样的东西应该有效：

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

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

自动在Twitter Bootstrap中显示工具提示而不放置光标

2 个答案: