Jquery 跨度宽度中的文本动画不均匀、不平滑和不完整

我在一个跨度内向另一个元素添加一些文本。然后我通过线性放松将其宽度设置为0。但这不是我预期的结果。它有点滞后，中途就结束了。 这是我使用的代码

$('#' + id).animate({width: '10px'}, 1500, "linear", function() { $('#' + id).remove(); });

我怎样才能解决这个问题

编辑：我用下面的代码实现了我想要的。由于间隔时间很长，我认为这不会带来任何性能问题，是吗

setTimeout(function() { decrementWidth(id); }, 400);

function decrementWidth(id)
{
    var width = $('#' + id).width();
    var dec = 20;
    if(width > dec)
    {
        width -= dec;
        $('#' + id).width(width);
        setTimeout(function() { decrementWidth(id); }, 100);
    }
    else
    {
         $('#' + id).remove();
   }
}

---

哦，孩子！这是因为我在span元素上设置了一个转换；因此，通过设置以下内联样式进行了修复：

transition: none;