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. Netbeansには部分的なjQueryオートコンプリートしかありません
- 3. C#Regex.Replace(またはString.Replace)は部分的にしか動作しません
- 4. Spreeは部分的にデータベースにアクセスできませんか?
- 5. "accepts_nested_attributes_for"は_form.hamlのフィールドを部分的にレンダリングしません
- 6. コアデータデータベースを暗号化または部分的に暗号化しますか?
- 7. FloatはIE9で動作しません
- 8. RegexはIE9で動作しません
- 9. Rails 3 ajax update部分的にページリフレッシュなしで動作しません
- 10. なぜHtml.LabelForは部分表示で動作しませんか?
- 11. 外部JavaScriptファイルはIE9では実行されません
- 12. Gmaps4Railsで部分的にレンダリングできません
- 13. coffeescript内にcoffeescriptを部分的にレンダリングできません
- 14. window.printがIE9で動作しません
- 15. IE9でjPlayerが動作しません
- 16. 劣化 - ウェブキット - テキストセキュリティ
- 17. JavaScriptが部分的にHTMLコードで動作していません
- 18. テンプレート部分的特殊化
- 19. イメージリフレクションCSSはIE9で動作しませんか?
- 20. ディスプレイ:IE9ではtable-cellが機能しませんか?
- 21. IEersistStreamInit :: Save()はIE9で動作していませんか?
- 22. DataTable fnFilterはIE9で動作しませんか?
- 23. JSON.stringifyとJSON.parseはIE9で動作しませんか?
- 24. html 5タグは、下にie9をサポートしていませんか?
- 25. Railsのはlink_to_remote劣化や
- 26. Xcodeで部分的に完了しましたか?
- 27. jquery .get google apiに対してie9で動作しません。
- 28. 部分的なレンダリングがFirefoxで正しく行われていません
- 29. ExpandableListActivityに埋め込まれたリストビューは、画面上に部分的にしか表示されません。
- 30. 余分な体重を使わずにクロスブラウザー、劣化したタッチイベントのライブラリー
あなたのページにJqueryが含まれていますか? –
@IsmailFarooqはい、私は – 1252748
@thomasを持っています。私はそれがあなたの質問に関連していないことを知っていますが、バディ、あなたはまだIE9と古いバージョンについて気にしていますか? ;) まだサポートが必要な場合は、それを動作させるためにいくつかのモダナイザライブラリを追加してください。 –