twitter-bootstrap - 通过将鼠标悬停在另一个元素上来触发 Bootstrap 工具提示

标签 twitter-bootstrap tooltip

我试图通过将鼠标悬停在另一个元素上来触发 Bootstrap 工具提示出现在一个元素上。我想我也许可以使用 JQuery addClass("hover") 到当我将鼠标悬停在我想要触发的元素上时显示工具提示的元素,但这并没有似乎不起作用,因为工具提示没有绑定(bind)到 hoer 伪类。

我做了一个示例 - 在示例中,我希望工具提示出现在将鼠标悬停在刷新按钮上(有效),但也将鼠标悬停在竖起大拇指按钮上:

http://jsfiddle.net/cwzzq998/

最佳答案

其中#thumbs是添加的触发器,.resetPrice是带有工具提示的元素,添加以下代码:

$('#thumbs').hover(
    function(e){$('.resetPrice').tooltip('toggle');}
);

参见This updated fiddle

HTH,

-特德

关于twitter-bootstrap - 通过将鼠标悬停在另一个元素上来触发 Bootstrap 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28418478/

相关文章:

c# - 如何在 C# 中为 Windows 应用程序提供导览(工具提示导览)

html - 如何在 Bootstrap 中将 Logo 中心放置在我的导航栏中

javascript - 如何启用 Bootstrap 向导最后一个按钮

css - 你如何限制在 bootstrap btn-dropdowns 中显示的元素数

python - Bokeh - 如果它有缺失值,则不显示工具提示

html - 负边距导致悬停中断

css - border none 属性并没有真正删除边框(视觉上)

javascript - JS脚本需要时间来改变背景颜色

jquery 工具提示不完全可见

winapi - 尽管正确设置了 szTip,但通知图标工具提示并未显示