在 Bootstrap 中，为什么我的禁用按钮没有工具提示？

Question

我的 JSFiddle 在这里：

https://jsfiddle.net/h2kf5ztq/

我在很大程度上试图从以下方面复制 balexand 的答案：

如何在禁用按钮上启用引导工具提示？

包括，重要的是，CSS：

.tooltip-wrapper {
  display: inline-block; /* display: block works as well */
  margin: 50px; /* make some space so the tooltip is visible */
}

.tooltip-wrapper .btn[disabled] {
  /* don't let button block mouse events from reaching wrapper */
  pointer-events: none;
}

.tooltip-wrapper.disabled {
  /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
  cursor: not-allowed;
}

但出于某种原因，我禁用的按钮没有工具提示。

如何启用工具提示？

Answer 1

您似乎忘记激活工具提示。

您可以通过添加data-toggle="tooltip"到按钮包装器，然后添加$('[data-toggle="tooltip"]').tooltip()到 JS 来完成此操作。

此外，还有一小节展示了在禁用元素上启用工具提示的最佳方法。