工具提示不能在ie中工作

Tooltips not working in internet explorer

本文关键字：工作 ie 不能 工具提示      更新时间：2023-09-26

我有一个用户注册JSP页面，其中我使用密码字段和重新键入密码字段进行用户注册，并且还使用密码策略和重新键入密码策略的工具提示。但是这个javascript工具提示不能在ie浏览器中正确显示，它正在变得扭曲。我要放弃我曾经做过的事。

<div class="row">
    <label for="lbl-01"><bean:message key="registrationForm.userLoginPassword"/> <span class="formElementRequired">*</span></label><a href="#" class="tooltip-right" data-tooltip="Password should contain at least one Capital letter, one special character and one  number.And password length should be atleast 8 characters"><img src="/TMLWeb/image/help.png"/></a>
    <html:password property="userLoginPassword" styleId="userLoginPasswordId" styleClass="text" maxlength="100"/>
    <logic:messagesPresent property="userLoginPassword">
        <font color="red"><html:errors property="userLoginPassword" /></font>
    </logic:messagesPresent>
</div>

我正在使用data-tooltip作为工具提示，但在IE中不能正常工作。有人能帮忙吗?

你没有指定是哪个版本的IE——这一点我们几乎总是需要知道的。

简而言之，data-tooltip在IE7及以下不做任何事情。

我知道它在IE8中有部分支持，在IE9+中应该可以很好地工作。

处理这个问题有几种方法……最简单的是在页面底部运行一点JavaScript:

它将工具提示复制到title属性，这将适用于直接文本。

另一个选择是寻找一个工具提示库的IE，这是这个问题和StackOverflow的范围之外。

<!--[if lt IE 9]>
  (function() {
    function fixTooltips(els) {
      for (var i = 0; i < els.length; i++) {
        var el = els[i];
        var tooltip = el.getAttribute("data-tooltip");
        if (tooltip) {
          el.title = tooltip;
        }
      }
    }
    var els = document.getElementsByTagName("a");
    fixTooltips(els)
  }());
<![endif]-->
相关文章：