我正在使用JHipster 3.0.0，AngularJS 0.7.4和rxjs 5.5.12。
目标：当禁用鼠标时，我需要在按钮上显示工具提示。
问题：我无法在禁用按钮上显示工具提示。
我在SO上谈了几个主题。我尝试了几种解决方案，我找到了一种可以工作的解决方案。
尝试
使用此主题：How to enable bootstrap tooltip on disabled button?
这个小提琴：http://jsfiddle.net/cSSUA/209/
1）CSS文件：tooltip-wrapper.css
/* Tool-tip Manu */
.tooltip-wrapper {
display: inline-block; /* display: block works as well */
}
.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;
}
2）JS文件：tooltip-wrapper.js
$(function() {
$('.tooltip-wrapper').tooltip({position: "bottom"});
});
3）html文件：实体
<div class="tooltip-wrapper disabled" data-title="Dieser Link führt zu
Google">
<button class="btn btn-default" disabled>button disabled</button>
</div>
4）注意tooltip-wrapper css和js文件分别位于webapp / content / css或webbapp / content / js中。
要导入这些文件，我在webapp \ index.html中添加了以下行
<head>
[...]
<!-- build:css content/css/tooltip-wrapper.css -->
<link rel="stylesheet" href="content/css/tooltip-wrapper.css">
[...]
</head>
<body>
[...]
<script> src="content/js/tooltip-wrapper.js" </script>
[...]
</body>
在此尝试期间出现的问题：
我的问题是css文件被带入一个帐户，但它看起来像js文件。实际上，按钮获得工具包装样式，但工具提示不会出现在鼠标输入中。
请问你能帮帮我吗？
谢谢，
曼努埃拉
这终于奏效了：
<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled
tooltip">
<button class="btn btn-primary" style="pointer-events: none;" type="button"
disabled>Disabled button</button>
</span>
如果有人需要它用于旧的bootstrap版本。
https://getbootstrap.com/docs/4.0/components/tooltips/
祝你今天愉快，
曼努埃拉