this tutorialのコードを変更しました。これは、div
のスライディングをアニメーション化して切り替えメニューとして機能します。私はIE9の通常のhide-showに劣化することを期待していました。それはどれですか。しかし、一度だけ。最初のボタンをクリックするとdivのオン/オフが切り替わります。それはそのような4つすべてのために働く。しかし、最初のトグルの後、IEはdiv
を再度表示することができません。私はng-click
がクリックされたボタンのインデックスを記録することによって動作していることを確認できます。ただし、何らかの理由でdisplay
プロパティがblock
に設定されていないようです。 ngAnimateがIE9をエラーなく破損させる既知の問題はありますか?ngAnimateはIE9で部分的にしか劣化しません
答えて
In angularjs siteあなたはこれを見つける:
は、最新のブラウザは、CSSトランジション とCSSアニメーション、IE9のための良いサポートを持っており、それ以前のものではないが。古いブラウザで下位互換性のあるアニメーション を使用する場合は、 JavaScriptベースのアニメーションを使用することを検討してください。詳細については後述します。
実際に:この行を削除すると:transition: all 0.8s;
すべてのブラウザが同じように動作することがわかります。
ソリューション:
のInternet Explorer 9あなたがIE9にフォールバックコードを置くことができるように、あなたがhereを見ることができるように遷移プロパティをサポートしないようにIEブラウザの最後、またはアニメーションだったが、条件付きコメントをサポートしています単なる条件付きコメントであり、それをすべてのIE9(および以下の)ユーザーにソリューションとして提供します。
<!--[if lte IE 9]>
<script src="animation-legacy-support.js"></script>
<![endif]-->
それとも、このようmodernizrライブラリを使用することができますようIE6 +のために、
if(!Modernizr.csstransitions) { // if not supported.
//ADD YOUR javascirpt-based CODE HERE
}
またはあなただけのjQueryを使ってすべてのアニメーションを作ることができIE9 +またはjqueryの1.xのための使用のjqueryの2.xのをhereが表示されます。
注:anglejsのサイトのAnimating ngClass with JavaScriptの章の下部には、角度およびjqueryアニメーションの例があります。
は、私の知る限りでは、CSSの遷移がIE9でサポートし、以前されていません。したがって、これらのブラウザをサポートしたい場合は、代わりにjQueryアニメーションを使用することができます。
これは役に立ちます。
- 1. ポジション:IE9では相対的に動作しませんか?
- 2. Javascriptのボタンコードは部分的にしか動作しません
- 3. Vuejsルーティングは部分的にしか動作しません。
- 4. Javascriptは部分的にしか動作しません
- 5. Angularの$ interpolateProviderは部分的にしか動作しません
- 6. 私のデータルートは部分的にしか動作しません。
- 7. iOSのローカリゼーションは部分的にしか動作しません
- 8. JComponentは部分的にしか表示されません
- 9. Netbeansには部分的なjQueryオートコンプリートしかありません
- 10. Sharedpreferencesは部分的にしか消去されません
- 11. C#Regex.Replace(またはString.Replace)は部分的にしか動作しません
- 12. 部分的な更新はマスターページでは機能しません
- 13. Spreeは部分的にデータベースにアクセスできませんか?
- 14. "accepts_nested_attributes_for"は_form.hamlのフィールドを部分的にレンダリングしません
- 15. FloatはIE9で動作しません
- 16. RegexはIE9で動作しません
- 17. html2canvasはie9で動作しません。
- 18. コアデータデータベースを暗号化または部分的に暗号化しますか?
- 19. REST APIの春バリデータは部分的にしか動作しません
- 20. コードは部分的にしか実行されていません
- 21. データベース内のオブジェクトは部分的にしか格納されていません
- 22. 折りたたみメニューは部分的にしか表示されません
- 23. javascriptようこそモーダルは部分的にしか消えません
- 24. 外部JavaScriptファイルはIE9では実行されません
- 25. 劣化 - ウェブキット - テキストセキュリティ
- 26. スペースインベーダーベースの劣化
- 27. window.printがIE9で動作しません
- 28. IE9でjPlayerが動作しません
- 29. Rails 3 ajax update部分的にページリフレッシュなしで動作しません
- 30. 部分的にcsvからPostgreSQLにインポートします。部分的にJSON
あなたのページにJqueryが含まれていますか? –
@IsmailFarooqはい、私は – 1252748
@thomasを持っています。私はそれがあなたの質問に関連していないことを知っていますが、バディ、あなたはまだIE9と古いバージョンについて気にしていますか? ;) まだサポートが必要な場合は、それを動作させるためにいくつかのモダナイザライブラリを追加してください。 –