java - 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 属性在Windows 平台的IE & Firefox 浏览器上显示了没有任何问题的工具提示。然而，当我在三星 Galaxy 平板电脑 10.1 的 Android 平台上尝试它时，它没有显示工具提示......基本上，图像出现并且当我点击它时，它没有做任何事情......

如何让这个工具提示在 Android 平板电脑上工作？

谢谢!

Answer 1

由于技术上您不能在没有鼠标的情况下将鼠标悬停在链接上，因此平板电脑不会显示工具提示。但是，您可以使用 JavaScript 检查用户代理，并更改工具提示的行为，以便在 Android 上它显示在点击而不是悬停时。

编辑:这是一个示例(使用 jQuery，所以如果您还没有，请添加它)。首先是 HTML 部分(请注意，您还应该设置工具提示 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。希望这能让它更清楚。