这就是我所做的。大多数工具提示脚本都要求您执行存储工具提示的功能。这是一个jQuery示例:
$.when($('*').filter(function() {
return $(this).css('text-overflow') == 'ellipsis';
}).each(function() {
if (this.offsetWidth < this.scrollWidth && !$(this).attr('title')) {
$(this).attr('title', $(this).text());
}
})).done(function(){
setupTooltip();
});
如果您不想检查省略号css,则可以简化如下:
$.when($('*').filter(function() {
return (this.offsetWidth < this.scrollWidth && !$(this).attr('title'));
}).each(function() {
$(this).attr('title', $(this).text());
})).done(function(){
setupTooltip();
});
我周围有“时间”,因此在更新所有标题之前,“ setupTooltip”功能不会执行。将“ setupTooltip”替换为工具提示功能,将*替换为要检查的元素。*如果您离开,将会经历所有这些。
如果您只想使用浏览器工具提示更新标题属性,则可以简化如下操作:
$('*').filter(function() {
return $(this).css('text-overflow') == 'ellipsis';
}).each(function() {
if (this.offsetWidth < this.scrollWidth && !$(this).attr('title')) {
$(this).attr('title', $(this).text());
}
});
或不检查省略号:
$.when($('*').filter(function() {
return (this.offsetWidth < this.scrollWidth && !$(this).attr('title'));
}).each(function() {
$(this).attr('title', $(this).text());
});
text-overflow:ellipsis;
没有在所有的工作在Firefox -看到这个问题更多:stackoverflow.com/questions/4927257/...