HTML 属性在弹出窗口中不起作用

Question

....
....
Some data
<span popover-placement="top" popover="content1, content2" popover-trigger="mouseenter">
  <span class="fas fa-info-circle" style="font-size: 12px;"></span>
</span>
....

我想使用 <br> 将 content1 和 content2 更改为两行我试过 data-html="true" ，它不起作用，我相信，那是因为它只适用于这种情况 -> data-toggle="popover" data-content="content1 <br> content2"

那么有没有办法在第一种方法中添加
呢？请提出你的建议并帮助我

Answer 1

如果您使用的是 Bootstrap 的弹出窗口，则您缺少使 HTML 弹出窗口工作的元素属性。使用工具提示将此属性 data-html="true" 添加到您的 span 元素，如果它仍然无法正确呈现，请在 DOM 准备就绪时运行它:

$(function () {
    $('[data-toggle="tooltip"]').tooltip();
})