animate（）宽度适用于firefox，不是chrome / ie / opera

Question

我有一个函数可以确定<div>中的文本。

$.fn.textWidth = function(){
    var html_org = $(this).html();
    var html_calc = '<span>' + html_org + '</span>';
    $(this).html(html_calc);
    var width = $(this).find('span:first').width();
    $(this).html(html_org); 
    return width;
};

我在动画中使用此功能，这会将元素的宽度增加40像素。动画仅适用于FF，在Chrome和IE中它只是直接跳到动画的结尾。

$('.name').mouseover(function(){
    $(this).animate({"width": $(this).textWidth()+40, "right": "0"}, 250);
});