Jquery show（）使输入框颤抖

我的代码：

$('input').hide().show(10000);

我在Windows7和MacOS10.7上用谷歌Chrome14进行了测试

---

输入框在动画结束时颤抖。这是一个bug还是预期的效果？

这可能是浏览器的bug。它也会以1000个持续时间“振动”，所以我认为这是与浏览器相关的bug

---

我认为这不是一个bug。事实上，浏览器通常无法设置输入元素的非整数

宽度

或

高度

，例如，试图将

高度：11.007252845381956px

四舍五入到

高度：11px

或

12px

设置垂直对齐后，抖动消失，如下所示（）：

---

因此，我可以假设振动来自于浏览器无法确定（或圆化）

高度

、

线高度

或影响垂直对齐的任何其他属性。

。可以在OS X上的Chrome 14上复制。在Safari 5或Firefox 7中不会发生这种情况。这仍然是一个浏览器错误，但您提供的是一个很好的解释。@Lapple:您如何解释只有一部分动画会颤抖？@GregPettit:您认为这个错误值得向jQuery团队报告吗？jQuery动画使用了一种轻松的方式，叫做“摇摆”。动画在开始时变慢，然后加速到更快且恒定的速度，并在结束前变慢。这种运动模式被认为反映了运动在自然界中占主导地位的方式。因此，在中间阶段，扩展速率不允许浏览器计算高度或偏移量，并相应地重新绘制“输入”元素。

input {
    vertical-align: top;
}