jQuery工具提示僅適用於表格的第一行

Question

jQuery工具提示適用於我表格中第一行數據。之後，我只能在IE和FF中獲得舊學校的Windows默認工具提示。

這是建立表數據的HTML：

foreach ($displayData as $row) { 
echo '<tr bgcolor="' . $bgcolor[$a] . '">'; 
    echo '<td><span id="fancy" title="Course Description: - '.$row["TSTRDS"].'">'.$row["TSTRTP"].'</span></td>'; 
    echo '<td>'.$row["TSTRLC"].'</td>'; 
    echo '<td>'.$row["TSADDR"].'</td>'; 
    echo '<td>'.$row["TSDATE"].'</td>'; 
    echo '<td>'.$row["TSTIME"].'</td>'; 
    echo '<td>'.$row["TSCOST"].'</td>'; 
echo '</tr>'; 
echo '<tr bgcolor="' . $bgcolor[$a] . '">'; 
    echo '<td colspan="2"></td>'; 
    echo '<td>'.$row["TSCITY"].','.$row["TSST"].' '.$row["TSZIP"].'</td>'; 
    echo '<td colspan="3"></td>'; 
echo '</tr>'; 
$a = !$a; 

}

這裏是我的javascript：

$(document).ready(function(){ 
$('#fancy').tooltip({ 
    track: true, 
    delay: 0, 
    showURL: false, 
    fixPNG: true, 
    showBody: " - ", 
    top: -15, 
    left: 5 
}); 

}）;

最後，我的CSS：

#tooltip { 
position: absolute; 
border: 1px solid #111; 
background-color: #eee; 
padding: 5px; 
font-size: 14px; 
width: 400px; } 

似乎很奇怪的是，第一排的作品，其餘的則沒有。我是否需要某種循環javascript來爲我的表的所有行使用工具提示？我認爲jQuery工具提示會照顧那種事情。

Answer 1

而是這樣的ID：

id="fancy" 

你應該使用這樣的類：使用.class selector

class="fancy" 

然後將其綁定，這樣的：

$('.fancy').tooltip({ 

ID在文檔中應該是唯一的......當你違反這條規則時，事情就會變得可怕:)在s中使用一個類像這樣的曲目。