Bootstrap Tooltip 不显示是怎么回事？

♫庆敏提问于 2026-03-22 17:22:19 阅读 3

组件

我按照文档给按钮加了 tooltip，但鼠标悬停完全没反应，控制台也没报错，是不是哪里漏了？

我已经引入了 Bootstrap 的 CSS 和 JS，也加了 data-bs-toggle 属性，但就是不弹出提示。

<button type="button" class="btn btn-primary"
        data-bs-toggle="tooltip"
        data-bs-placement="top"
        title="这是提示内容">
  悬停看提示
</button>

CSS框架响应式框架栅格系统

我来解答赞 6 收藏

反馈

1 条解答

艺童 Lv1

忘了初始化 Tooltip 了，加这个就行

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))

var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {

  return new bootstrap.Tooltip(tooltipTriggerEl)

})

我之前这样搞的

2026-03-22 17:32