Question

我正在尝试在Twitter Bootstrap按钮内的元素上应用Twitter Bootstrap工具提示。出于某种原因，这些工具提示永远不会触发（从不显示）。

标记：

<button title="Reset Pricing" type="button"
    class="btn btn-mini myButton"
    data-placement='bottom'>
    <i class="icon-refresh" title="Can't touch this?" data-toggle="tooltip" data-container="body"></i>
</button>

JS：

$(function() {
    $('.icon-refresh').tooltip();
});

示例jsfiddle：Trying with glyphicon

这适用于我测试过的所有浏览器（Windows 7上的Firefox，IE，Chrome）。我希望它能在所有三个方面都有效。

更新＃1 ：根据评论，它显示了外部的jsfiddle显示框。但是，仍然没有让它与Firefox一起使用，但Chrome和IE可以工作。

更新＃2 ：根据接受回答后面的人员，bootstrap工具提示（2.3.2）中存在导致问题的错误。但是，使用锚标签而不是按钮标签，问题就解决了。

Answer 1

工具提示正在运行，但您没有看到它，因为它试图显示在按钮上方。尝试添加data-placement="right"

jsFiddle

Answer 2

http://jsfiddle.net/JaPYg/6/

<i class="icon-refresh" title="Can't touch this?" data-toggle="tooltip" data-placement="bottom" data-container="body"></i>

刚刚更改了它的显示在底部而不是默认顶部。

您确定悬停图标而不仅仅是按钮吗？你确定什么都没有阻止工具提示（即一些div或其他什么）？

在引导按钮内的元素上附加工具提示

2 个答案: