我正在使用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
}