Question

我需要一个关于如何从php生成的表中的记录集值实现工具提示的指针。

现在我有一张看起来如此的桌子

echo '<table>';

do { echo'
  <tr>
     <td class='purpose'>'.$row_recordset['Purpose'].'</td>
  </tr>';
}
while($row_recordset= mysql_fetch_array($recordset));

echo '</table>';

现在在CSS中我缩写文本，因为这很可能是一个冗长的文本

.purpose{
  white-space: nowrap;
  font-size: 9px;
  width: 25em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

所有这些工作正常，但我希望当我悬停目的行时，全文显示在工具提示中。我无法弄清楚如何调用每一行和内容文本并在工具提示中显示。

请帮助。

Answer 1

改变这个：

<tr>
 <td class='purpose'>'.$row_recordset['Purpose'].'</td>
</tr>';

到此：

<tr>
 <td class='purpose' title=.$row_recordset['Purpose'].'>'.$row_recordset['Purpose'].'</td>
</tr>';

或者，如果这不起作用，请在表

之后添加此jquery

$('td').each(function(){
$(this).attr('title', $(this).html());
});

Answer 2

我最近在JQuery-UI中发现有趣的是它需要title属性，它不处理未定义的值，所以将标题attr添加到元素中，如下所示：

echo '<table>';

do { echo'
  <tr>
     <td class='purpose' title=''>'.$row_recordset['Purpose'].'</td>
  </tr>';
}
while($row_recordset= mysql_fetch_array($recordset));

echo '</table>';

你可以使用像Farzin建议的html attr标题添加它，或者你可以动态添加它：

$(".purpose").tooltip({ content: '.$row_recordset['Purpose']' });

只需使用符合您需求的选择器。

动态生成文本的工具提示

2 个答案: