bootstrap-4 - bootstrap 不在工具提示中显示表格

Question

我正在查看去年的一个项目，我意识到 Bootstrap 不再显示 table在工具提示中。

去年我更新了 Bootstrap，我们为另一个项目准备了一个共享 Assets ，我使用相同的版本。

我目前正在使用 bootstrap 4.3.1，当我去年创建项目时似乎我使用的是 4.1.0，我用 V 4.1.0 替换了我的 JS，它可以工作

这是我用来打印 html 的 PHP 代码

echo 'data-toggle="tooltip" data-html="true" data-container="body" data-placement="bottom" 
title="<table class=\'kpiTableHov\'><tr><td colspan=\'2\' class=\'text-center\'>Total Accidents</td></tr><tr><td>Year Total &nbsp;</td><td>&nbsp;/ % change from previous year</td></tr><tr><td></td><td>/ % difference (local % change</td></tr><tr><td></td><td>minus national % change)&nbsp;</td></tr></table>"';

如果我改变 table其他东西正常工作，可能是什么问题？

如果我使用 Javascript $('.testtooltip').tooltip('show')强制工具提示显示它，我检查了 html 末尾的 bootstrap 元素，是否为空，没有内容。

Answer 1

您正在搜索 sanitize 选项

$('.testtooltip').tooltip({
  sanitize: false
}).tooltip('show')

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>


<button type="button" class="btn btn-secondary testtooltip" data-toggle="tooltip" data-html="true" data-container="body" data-placement="bottom" title="<table class=\'kpiTableHov\'><tr><td colspan=\'2\' class=\'text-center\'>Total Accidents</td></tr><tr><td>Year Total &nbsp;</td><td>&nbsp;/ % change from previous year</td></tr></table>">
  Tooltip
</button>

备注 出于安全原因，不能使用数据属性提供 sanitize、sanitizeFn 和 whiteList 选项。