無法獲得引導工具提示工作在行級別分配Popover的列

Question

我正在使用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文字，現在我加入了幾個欄，以它像

<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但由於某些原因Tooltip CSS不工作，我種得到窗戶一種Tooltip（淺灰色的提示與我的數據），而不是Bootstrap黑色背景之一。我曾嘗試在網頁的其他地方創建與ToolTip的虛擬鏈接，但它不起作用。

看起來Popover是壓倒ToolTip在這種特殊情況下也許我想顯示Popover（在行級）在同一時間和ToolTip（列級），並且可能導致的問題。

任何想法爲什麼會發生這種情況？

任何幫助將不勝感激。

謝謝。

Answer 1

固定：我補充下Search --> Hover事件Tooltip JavaScript中，最終的Javascript看起來像

$('.Search').live('hover', function (e) {
$('.Search').popover({ 'trigger': 'hover', 'placement': 'right', 'container': 'body', 'html': true }); $('[rel=tooltip]').tooltip({ 'placement': 'bottom', 'container': 'body' }); });

對不起想不出弄清楚如何正確inddent的JavaScript。