トランジション

transition.js

トランジションについて

トランジションの効果を得るためには、他のJSファイルと一緒にtransition.jsを読み込む必要があります。 もし、コンパイルされた(またはminifyされた)bootstrap.jsを使用しているのであれば、 これに含まれているため、これを個別に読み込む必要はありません。

内部の挙動

transition.jsは、CSSトランジションのエミュレーターだけでなく、 transitionEndイベントのための基本的なヘルパーでもあります。 これは他のプラグインで、CSSトランジションがサポートされているのかの確認と、 トランジションのハングアップ(?)(翻訳に自信なし)を受け止めるのに使用されます。

トランジションの無効化

トランジションは下記のJavaScriptのスニペットを使用してグローバル的に無効化することが可能です。 これは、transition.js(状況によって、bootstrap.jsまたはbootstrap.min.js)の読み込み後でなければいけません。

$.support.transition = false

 Back to top

docs CC BY 3.0

このページは、ページトップのリンク先のBootstrap公式ドキュメント内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。