1

addClassjQueryの//関数をremoveClass介してCSSトランジションを簡単に使用できるライブラリを探しています。toggleClassつまり、これらの関数がWebkitで（CSSクラスを追加する以外に）何もしないようにしたいのですが、IEではjQueryアニメーションを使用します。jQueryUIは、これら3つの関数を置き換えて、必要なものに近づきますが、正確な要素でのみ機能します（たとえば$('#myID').addClass('foo');、アニメーション化されません#myID.foo .someClass）

私は周りを見回しましたが、これを行うものは見つかりませんでした。誰かが知っているといいのですが:)そうでない場合、解決策には次のものが必要です。

  1. CSSトランジションプロパティのページ上のすべてのスタイルシートを解析する
  2. すべてのスタイルシートをトランジションと一致させる（例-webkit-transition）
  3. これらのスタイルシートの保存
  4. onaddClassなどは現在およびツリーの下に一致します（例.addedClass .someOtherClass）
  5. 一致したすべての要素（またはスタイルルール）にアニメーションを適用します

したがって、スタイルシート（それらのテキスト）を解析したり、（個々のノードではなく）ルールをアニメーション化したりするための既存のソリューションを誰かが知っている場合は、それも役立ちます。

4

1 に答える 1

1

jQuery++のようなものが必要なようです

jQuery.animateは$.fn.animateを上書きして、可能であればCSS3アニメーションを使用します。元の$.fn.animateと同じ引数を取り、CSSアニメーションが不可能な場合は、jQueryのJavaScriptアニメーションにフォールバックします。

あなたの提案したアプローチは私には少し複雑に思えますが、おそらく誰かがこれに対する解決策を思い付くでしょう;）

于 2012-06-07T22:37:34.713 に答える