我正在使用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' });
正如您所看到的，我为popover和Tooltip添加了javascript，但出于某种原因，Tooltip css无法正常工作，我有点像Tooltip （浅灰色工具提示与我的数据）而不是Bootstrap黑色背景之一。我尝试在页面的其他位置创建与ToolTip的虚拟链接，但它无法正常工作。
在这种特殊情况下看起来Popover覆盖了ToolTip，或者我正在尝试显示Popover（在行级别）和ToolTip（列级别）同一时间，这可能导致问题。
知道为什么会这样吗？
任何帮助将不胜感激。
感谢。
答案 0 :(得分：4)
修正：我在Tooltip事件下添加Search --> Hover javascript，最终Javascript看起来像
$('.Search').live('hover', function (e) {
$('.Search').popover({ 'trigger': 'hover', 'placement': 'right', 'container': 'body', 'html': true });
$('[rel=tooltip]').tooltip({ 'placement': 'bottom', 'container': 'body' });
});
抱歉无法弄清楚如何正确缩进javascript。