【问题标题】:Bootstrap 3 Tooltips not triggering as intendedBootstrap 3 工具提示未按预期触发
【发布时间】:2013-11-11 15:37:53
【问题描述】:

我发现了很多关于 Bootstrap 3 工具提示的问题,但没有一个能解决我的问题。

这是我的代码:

http://jsfiddle.net/qa22N/

$('#mytooltip').tooltip()

上面的代码不起作用,请参阅 Fiddle 示例。

我做错了什么?我不知道为什么工具提示根本没有显示。感谢您的帮助。

【问题讨论】:

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


    【解决方案1】:

    它正在工作,它只是显示在链接上方,因此出现在屏幕外。添加data-placement="auto" 会使工具提示移动到屏幕上的位置,从而解决问题。

    您的代码的工作分支:http://jsfiddle.net/designingsean/qa22N/1/

    【讨论】:

    • 谢谢肖恩,最后一个问题,用“data-original-title”还是“title”比较好?
    • 好吧,如果 javascript 由于任何原因无法加载,使用title 会给你一个后备。它应该为您提供浏览器的内置悬停,图像上的 la alt 标签。因此,如果您希望工具提示中的信息始终可以访问,那么我会选择title。如果没有,请使用data-title
    • 另外,请注意data-titledata-original-title 都有效。我不知道为什么它们都包括在内。
    猜你喜欢
    • 2017-02-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-19
    • 2013-01-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多