Android中的工具提示不起作用
Android中的工具提示不起作用
提问于 2011-10-07 18:09:34
下面给出了我的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平板电脑中使用此工具提示？
谢谢!
回答 1
Stack Overflow用户
发布于 2011-10-07 21:19:57
由于从技术上讲，如果没有鼠标，你无法将鼠标悬停在链接上，因此平板电脑不会显示工具提示。然而，你可以用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。希望这能让事情变得更清楚。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7691189
复制
相似问题
MySQL存储过程优化
Mysql存储过程的查询优化
MYSQL存储过程插入失败
MySQL存储过程插入验证
MySQL存储过程插入问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
