Jquery 引导工具提示与常规HTML工具提示一样显示

我已经尝试了所有的方法，弹出窗口显示的很好，但是工具提示就像普通的HTML工具提示一样。

这就是我的代码中的内容

HTML

据我所知，我正在导入引导css和js，因为modals和popover在整个站点上都非常有效

---

我遗漏了什么？

您的标签应该是这样的：

<th rel="tooltip" data-toggle="tooltip" title="Number of calls made to our API">Api Call</th>

$(document).tooltip({
    'selector': '[rel=tooltip]',
    'placement': 'bottom'
});

Api调用

---

您忘记添加

data toggle=“tooltip”

部分。

请确保在文档准备就绪时完成了工具提示初始化

$(function () {
   $("[rel='tooltip']").tooltip({placement:'top'});
});

或者

---

选择器的双重定义似乎摆脱了引导的工具提示。如果从传递给

.tooltip（）

的对象中删除了

'selector'：“[rel=tooltip]”，

，则应修复该对象

您的标记将如下所示：

<th rel="tooltip" title="Number of calls made to our API">Api Call</th>

//Tooltips
$('[rel=tooltip]').tooltip({
  'placement': 'top'
});

由于您已经选择了

rel

属性设置为“tooltip”的元素，因此不需要在要传递的对象中指定选择器

用于一个可工作的、无样式的演示

此外，为了进一步指定，在定义以下工具提示时，像以前一样添加选择器非常有用：

<th rel="tooltip" data-toggle="tooltip" title="Number of calls made to our API">Api Call</th>

$(document).tooltip({
    'selector': '[rel=tooltip]',
    'placement': 'bottom'
});

---

我加了，没什么区别。谢谢，你说得对。这是在甩掉引导程序。@AdrianMojica很高兴能提供帮助。：）

$(document).tooltip({
    'selector': '[rel=tooltip]',
    'placement': 'bottom'
});