2

我正在尝试在 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：尝试使用 glyphicon

这适用于我测试过的所有浏览器（Firefox、IE、Windows 7 上的 Chrome）。最好，我希望它适用于所有三个。

更新#1：根据评论，它显示在 jsfiddle 显示框架之外。但是，仍然无法使其与 Firefox 一起使用，但 Chrome 和 IE 可以。

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

4

2 回答 2

1

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

jsFiddle

于 2013-11-04T11:39:00.593 回答
0

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 或其他什么）？

于 2013-11-04T11:38:48.853 回答