我正在使用 DataTables 来显示数据，并且在每一行上，我都添加了一些数据，以便每当用户将鼠标悬停在特定行上时，他都会获得popover额外的数据，例如
<tr id="123" class="Search odd" data-title="Profile data" data-content=" <p> <label>Test Popover</label> </p>" data-original-title="" title="">
</tr>
每当用户悬停一行时，他都会Popover使用 Test Popover 作为文本，现在我正在向它添加几列
<td class=" sorting_1">Name</td>
<td class="">somedate</td>
<td class="">
<img title="Test tooltip" rel="tooltip" src="/img/paid_small.png">
</td>
我准备好的页面上的javascript是
$('.Search').live('hover', function (e) {
$('.Search').popover({ 'trigger': 'hover', 'placement': 'right', 'container': 'body', 'html': true });
});
$('[rel=tooltip]').tooltip({ 'placement': 'bottom', 'container': 'body' });
如您所见，我为两者都添加了 javascript popover，Tooltip但由于某种原因Tooltipcss 不起作用，并且我得到了一种 Windows 类型Tooltip（带有我的数据的浅灰色工具提示），而不是Bootstrap黑色背景。我尝试ToolTip在页面中的其他位置创建虚拟链接，但它不起作用。
在这种特殊情况下，它看起来像是Popover压倒一切ToolTip的，或者我可能试图同时显示Popover（在行级别）和ToolTip（列级别），这可能会导致问题。
知道为什么会发生这种情况吗？
任何帮助将不胜感激。
谢谢。