4

Chrome でいくつかの問題があるかなり複雑な UI ウィジェットを作成しています。問題を切り分けることができ、http://jsfiddle.net/8Kb3B/で公開しています。

div内部に aがtdあり、div を jQuery の で切り替えようとしています.animate()。Chrome で起こることは、が元の幅に戻っtdたときに元に戻らないということです。divまた、「非表示」アニメーションの最後に注意を払うと、tdの幅が のコンテンツの幅で短時間点滅することがわかりますがdiv、これは奇妙だと思います。

を使用した場合.toggle(delay)も同様です。.toggle()遅滞なく使用すると、すべてが意図したとおりに機能します。

アニメーションは、Mozilla の製品や IE でも正しく動作します。

ここで本当に単純なものが欠けていますか？

4

1 に答える 1

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/

于 2012-06-06T11:19:49.190 に答える