javascript - 工具提示 Bootstrap 无法在运行时显示在边缘

Question

我正在尝试在运行时为 div 标记添加工具提示 Bootstrap 。它在 Chrome 上运行良好，但在 Edge 上不起作用。

<div id="@company.Id" class="fit-container pointer_cursor row" data-toggle="tooltip" title="@company.Comment" data-placement="bottom"><.div>

在运行时我会为 div 添加一个工具提示，但是在我添加之后，当我将鼠标悬停在 div 标签上时，工具提示什么都不显示。即使我在 javascript 中调用了 $('div').tooltip()。

请帮帮我。

Answer 1

它适用于所有浏览器。可能是您忘记添加一些 Assets 。

$('div').tooltip();	

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<div id="" class="fit-container pointer_cursor row" data-toggle="tooltip" title="tooltip test" data-placement="bottom">test</div>