Javascript jQuery动画故障？

这是一个棘手的问题。我有一个

span

，带有

display:inline块

，其中包含另一个

span

，我正在慢慢隐藏它。最后，容器

span

瞬间“跳回到”其初始位置

---

这是一个bug，还是预期的行为？

不确定您要做什么，但请尝试以下操作：

<div class='container'>
  <span>Text 1</span><br/>
  <span class='big'>Much more text</span>
</div>

$('#text').delay(1000).animate({
    width: 1,
    height: 1,
    opacity: 0
}, 5000, function () {
  $(this).hide();
});

---

问题是，当动画（计算）宽度小于1px时，浏览器（至少我的chrome浏览器）将不会渲染该部分，而

#text

元素将捕捉回其原始宽度。 如果将动画时间增加到非常大的值（例如25秒），并在控制台中查看css值，则可以查看此行为

如果您尝试以下方法：

<div class='container'>
  <span>Text 1</span><br/>
  <span class='big'>Much more text</span>
</div>

$('#text').delay(1000).animate({
    width: 1,
    height: 1,
    opacity: 0
}, 5000, function () {
  $(this).hide();
});

---

没有捕捉，您将获得几乎相同的动画。

Aha。所以这是一个错误。jQuery团队应该解决这个问题。我不会说jQuery负责解决这个问题；）