Twitter Bootstrap 工具提示在按钮上不起作用

Question

我在脚本标记中的页面底部添加了以下内容：

JavaScript

$('.resetPrice').tooltip();

HTML

<button title="reset pricing" class="btn btn-mini resetPrice" type="button" id="ResetAA1-1-1">
    <i class=" icon-refresh"></i>
</button>

任何帮助将不胜感激。

Answer 1

这里看起来问题不大。2.x 版和 3.0 版之间的 API 处理工具提示调用的方式没有关键区别。

您可以阅读有关2.3.2和3.0的 ToolTip API 的更多信息

没有进一步的信息，可能有两件事：

• 你应该确保使用一个准备好的 doc 函数并等到 DOM 被加载以运行工具提示调用
• 确保您已包含对引导程序外部 css 和 js 文件的正确引用（在每个演示中可用）
• 如果该元素位于页面的最顶部，并且您使用的是指向的默认工具提示，则您将无法看到它。您要么必须向下移动对象，要么使用该placement选项。

这段代码应该可以正常工作

$(function() {
    $('.resetPrice').tooltip();
});

这是一个2.3.2 fiddle和3.0 fiddle

两者都会产生以下结果：

看看您是否可以重现任何其他问题，如果您仍然遇到问题，请告诉我们