将鼠标悬停在jqGrid中的图标上

时间:2011-02-18 04:04:18

标签: jquery html jqgrid

我的jqGrid中的列中有一些不一致的显示,表明已发送发票或已创建pdf。我已经在图标中添加了替代文字,希望我能有一些文字让不熟悉的用户知道图标的意思,但是alt文本没有显示。我有一种感觉,这与行上悬停状态的工作方式有关。我试过禁用此功能但无济于事。

我希望会有一些onhover事件,我可以查询用户所在的列并以某种方式显示文本,但也没有类似的事情。

我很难过。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

alt attribute用于屏幕阅读器(即视障人士),非图形设备,有时作为无法加载图像的占位符(这取决于浏览器)。

对于工具提示效果,您需要设置title attribute。例如,将鼠标悬停在您问题下面的天赋中的声誉编号上。然后,使用Chrome等WebKit浏览器执行“检查元素”,您将在HTML中看到title属性。

答案 1 :(得分:0)

网格单元格的相应title元素的<td>属性负责工具提示。您可以为title而不是<img>添加<td>属性,但在这种情况下,只有图片会有工具提示,而不是整个网格单元格。请参阅here一个小型演示。查看this old answer,它提供了一些链接到网格单元格上设置工具提示的不同方法。

如果要在网格列中设置自定义工具提示,可以在title:false的相应列定义中关闭colModel属性关闭标准工具提示的创建。之后,您可以在loadComplete事件句柄内的单元格上设置工具提示。