jquery - 在 td 中为 div 设置动画会导致 Chrome 中的行为不稳定

Question

我正在构建一个相当复杂的 UI 小部件，它在 Chrome 中存在一些问题。我能够隔离问题并在http://jsfiddle.net/8Kb3B/上展示它

我有一个div内部 a td，我正在尝试用 jQuery 切换 div .animate()。在 Chrome 中发生的情况是，当它恢复到原来的宽度td时，它不会重新长出来。div另外，如果您密切注意“隐藏”动画的结尾，您会看到td' 的宽度在 的内容的宽度处短暂闪烁div，我觉得这很奇怪。

使用时也会发生同样的事情.toggle(delay)。如果我.toggle()毫不拖延地使用，整个事情都会按预期工作。

该动画在 Mozilla 的产品甚至 IE 中都能正常工作。

我在这里错过了一些非常简单的东西吗？

Answer 1

我从我身边尝试可能对你有帮助。webkit对于基于浏览器的这样写：

@media screen and (-webkit-min-device-pixel-ratio:0) {
    td {
    padding-right:2px;
    }
    span{
    left:5px;
    position:absolute;
    }
    #content {
    border: 2px solid red;
    width: 100px;
    height:20px;
    display:table;
    overflow:hidden;
    position:relative;
   }
}

检查更多http://jsfiddle.net/8Kb3B/3/