关于表数据的工具提示

Question

我正在使用PHP开发甘特图，纯粹基于表架构。我需要的是当用户将鼠标悬停在数据上时

echo "<td colspan=$duration align=center
bgcolor=$color>$description\r\n";

显示带有一些相关信息的工具提示。请任何指导。

以下是我的代码的一部分。

foreach ($this->activities as $activity) {
$start = $activity['start'];
$end = $activity['end'];
$description = $activity['description'];
$color = $activity['color'];
$before = $start;
$duration = $end - $start + 1;
$after = $this->end - $end;
echo "<tr>\r\n";
if ($before > 0) {
echo "<td colspan=$before>&nbsp;\r\n";
}
echo "<td colspan=$duration align=center
bgcolor=$color>$description\r\n";
if ($after > 0) {
echo "<td colspan=$after>&nbsp;\r\n";
}
}
echo "</table>\r\n";
}
}

Answer 1

我会使用Twitter Bootstrap（getbootstrap.com）或qTip2（qtip2.com） - 他们有非常好的例子它是如何工作的。基本上您需要做的很简单：1。获取您希望工具提示包含的数据。 2.将其打印为您要使用它的对象的一部分（<button title="Some Tooltip Here">Some Button Text</button> - 上面给出的两个插件的示例用法）3。添加JS代码，定义您想要的对象上有工具提示。例：

$(document).ready(function () {
 $('[title!=""]').qTip();
}

此代码将为所有具有title属性的对象启用工具提示（来自qTip2官方文档的代码）