Long Title属性文本在firefox中被切断了

时间:2015-04-16 05:05:18

标签: jquery html css3

我正在使用HTML5。我正在使用J查询动态设置标题属性文本。如果我有一个带有长文本的title属性(当HTML元素被截断时),工具提示会被截断。这只发生在Firefox(仅测试版本37.0)中。在Chrome和Internet Explorer中,它显示完整的标题属性长文本。 HTML代码

<table id="notify_time">
     <tr>
         <td style="padding-right:10px;width:10px"> 
               <div class="time">${notificationEntry.time}</div>
         </td>
         <td>
               <div class="desc">${notificationEntry.content}</div>
         </td>
     </tr>
</table>

jQuery代码是:

$('.desc').bind('mouseenter', function(){
    var $this = $(this);

    if(this.offsetWidth < this.scrollWidth && !$this.attr('title')){
        $this.attr('title', $this.text());
    }
});

CSS代码

.desc {
max-width: 235px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
font-size: 12px
}

0 个答案:

没有答案