<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"