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>

以上标题属性显示工具提示在IE平台上的Windows平台上没有任何问题。 Firefox浏览器。但是，当我在三星Galaxy平板电脑10.1的Android平台上试用它时，它没有显示工具提示......基本上，图像出现＆amp;当我点击它时，它什么也没做......

如何在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。希望更清楚。

Android中的工具提示无法正常工作

1 个答案: