如何修复停用按钮悬停时工具提示不显示

Question

我有这个按钮

<a data-toggle="tab" href="#part4" class="btn btn-info tabcontrol mainbutton col-2 offset-8 disabled" id="part3to4" title="Please acknowledge the checkbox before going next" data-toggle="tooltip" data-html="true" data-placement="top">Next</a>

并且我已经初始化了工具提示：

$('#part3to4').tooltip();

工具提示仍未显示。如何更改代码，使其在按钮被禁用时显示tooptip？谢谢

Answer 1

可能您忘记了包含一些库。要使用引导工具提示，您需要包含Popper.js。

您必须在bootstrap.js之前包含popper.min.js，或者使用包含Popper.js的bootstrap.bundle.min.js / bootstrap.bundle.js才能使工具提示工作！

一个可能的解决方案是你的问题如下。如果a html元素有一个禁用的类(因此链接未启用)，则可以启用工具提示，否则不启用。

请看我为你准备的fiddle。