jQuery Tooltip仅适用于表的第一行

jQuery工具提示非常适合我表中的第一行数据。 之后，我只在IE和FF中获得旧学校窗口默认工具提示。

以下是构建表数据的HTML：

foreach ($displayData as $row) { echo ''; echo ''.$row["TSTRTP"].''; echo ''.$row["TSTRLC"].''; echo ''.$row["TSADDR"].''; echo ''.$row["TSDATE"].''; echo ''.$row["TSTIME"].''; echo ''.$row["TSCOST"].''; echo ''; echo ''; echo ''; echo ''.$row["TSCITY"].','.$row["TSST"].' '.$row["TSZIP"].''; echo ''; echo ''; $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="fancy" 

然后使用.class选择器绑定它，如下所示：

 $('.fancy').tooltip({ 

ID应该在文档中是唯一的…当你破坏这个规则时，事情开始变得可怕:)在类似这样的情况下使用类。