Twitter bootstrap Twitter引导工具提示在按钮上不起作用

我已将以下内容添加到页面底部的脚本标记中：

JavaScript

$（'.resetPrice'）.tooltip（）；

HTML

---

任何帮助都将不胜感激。

这里似乎没有什么问题。版本2.x和3.0之间的API处理工具提示调用的方式没有关键区别

您可以阅读有关和的工具提示API的更多信息

如果没有进一步的信息，可能有两种情况：

• 您应该确保使用ready doc函数，并等待DOM加载后运行工具提示调用
• 确保包含了对引导外部css和js文件的正确引用（每个演示中都有）
• 如果元素位于页面的最顶端，并且您使用的是指向上方的默认工具提示，那么您将无法看到它。您必须向下移动对象或使用

  放置

  选项

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

$（函数（）{
$（'.resetPrice'）。工具提示（）；
});

这是一个和

两者都会产生以下结果：

---

查看是否可以重现任何其他问题，并告知我们您是否仍有问题

是否启用了工具提示javascript？如果没有，则在html的头部需要以下内容：

<script type='text/javascript'>
     $(document).ready(function () {
     if ($("[rel=tooltip]").length) {
     $("[rel=tooltip]").tooltip();
     }
   });
  </script>

$（文档）.ready（函数（）{
如果（$（“[rel=工具提示]”）.length）{
$（“[rel=tooltip]”）。tooltip（）；
}
});

引导页面特别注意使用按钮组的工具提示：

“在.btn组中的元素上使用工具提示或弹出框时，必须指定选项容器：'body'，以避免不必要的副作用（例如触发工具提示或弹出框时元素变宽和/或失去圆角）。”

更改为
$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

看起来这不是您的问题，但请注意，引导工具提示在禁用的按钮上不起作用。见：

---

它应该是从标题属性中提取的。你能用小提琴复制它吗？请在你的问题中提供更多信息，以便有人能帮助你，否则这个问题对于那些在搜索web以寻求解决此问题的方法时偶然发现它的人来说是没有用的。请展示如何使用你的javascript includes。嘿，为什么工具提示显示在图标上而不是按钮上？

    Changed to

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

<script>
 $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>