Android中的工具提示不起作用

Question

下面给出了我的JSP中的示例代码行：

<td>
  <img id="my_info" src="<%=image_path%>/myimage.png" title="<s:property value="getText('MY_TOOLTIP')" escape="false" />" style="margin: 0 0 -5px 10px">
</td>

上面的title属性显示了在IE和Firefox浏览器的Windows平台中没有任何问题的工具提示。然而，当我在三星Galaxy tablet 10.1上的安卓平台上试用它时，它没有显示tooltip...Basically，出现了图像&当我点击它时，它什么也不做……

如何在Android平板电脑中使用此工具提示？

谢谢!

Answer 1

由于从技术上讲，如果没有鼠标，你无法将鼠标悬停在链接上，因此平板电脑不会显示工具提示。然而，你可以用JavaScript检查用户代理，并改变你的工具提示的行为，这样在Android上它就会在点击时显示，而不是悬停。

编辑:这里有一个示例(使用jQuery，所以如果您还没有它，可以添加它)。首先，HTML部分(请注意，您还应该设置tooltip div的样式)：

<td>
    <img id="my_info" src="<%=image_path%>/myimage.png" title="<s:property value="getText('MY_TOOLTIP')" escape="false" />" style="margin: 0 0 -5px 10px">
    <div id="tooltip" style="display:none;">Your tooltip text goes here!</div>
</td>

然后是JavaScript：

jQuery('#my_info').click(function() {
    if ((navigator.userAgent.match(/Android/i)) {
        jQuery('#tooltip').toggle();
    }
}

当你点击图片时，如果用户代理是Android，它会显示隐藏的div。希望这能让事情变得更清楚。