css – 仅在省略号处于活动状态时显示工具提示

我有下一个div：

<div class="div-class" style="width:158px;text-overflow:ellipsis;overflow:hidden;white-space:Nowrap;" title=<%=myDesc%>

如何在省略号处于活动状态时显示工具提示？

我找到了这个功能

function isEllipsisActive(e) {
     return (e.offsetWidth < e.scrollWidth);
}

但我不知道如何使用它知道我使用jsp和struts

解决方法

尝试这样的事情：

Working DEMO
Working DEMO – with tooltip

$(function() {
    $('div').each(function(i) {

         if (isEllipsisActive(this))
            //Enable tooltip 
         else
            //disable tooltip
    });
});

function isEllipsisActive(e) {
     return (e.offsetWidth < e.scrollWidth);
}

原文地址：https://www.jb51.cc/css/214796.html