bootstrap JavaScriptプラグインのインポート


JavaScriptプラグインのインポート
Bootstrapには、前述したドロップダウンメニュー、ボタングループ、ナビゲーション、ページングなど、豊富なWebコンポーネントが含まれています.JavaScriptのプラグインも含まれています.
BootstrapのJavaScriptプラグインは、単独でページにインポートしたり、一度にページにインポートしたりすることができます.BootstrapのJavaScriptプラグインはjQueryライブラリに依存しているため、個別にインポートしても一度にインポートする前にjQueryライブラリをインポートする必要があります.
一括インポート:
Bootstrapは、BootstrapのすべてのJavaScriptプラグイン、すなわちbootstrapを含む単一のファイルを提供する.js(圧縮バージョン:bootstrap.min.js).
具体的には、右側のコードエディタ28-29行を参照してください.




:jQueryバージョンライブラリは、ローカルのjQueryバージョンをロードすることもできます.
インポート:
Bootstrap V 3.2には、JavaScriptプラグインが12 されています.
アニメーション (Transitions): するプラグインファイル「transition.js」
モルフォロジーポップアップ(Modal): するプラグインファイル「modal.js」
ドロップダウンメニュー(Dropdown): するプラグインファイル「dropdown.js」
スクロール (Scrollpy): するプラグインファイル「scrollpy.js」
タブ(Tab): するプラグインファイル「tab.js」
プロンプトボックス(Tooltips): するプラグインファイル「tooltop.js」
ポップアップボックス(Popover): するプラグインファイル「popover.js」
ボックス(Alert): するプラグインファイル「alert.js」
ボタン(Buttons): するプラグインファイル「button.js」
りたたみ/オルガン(Collapse): するプラグインファイル「collapse.js」
Carousel: するプラグインファイル「carousel.js」
めフロートAffix: するプラグインファイル「affix.js」
の プラグインのダウンロードはgithubにダウンロードできます(https://github.com/twbs/bootstrap).
アニメーション (Transitions)
このセクションでは、まず「アニメーション (Transitions)」というプラグインの について します.ソースファイル:transition.js
Bootstrapフレームワークの は、 コンポーネントに なアニメーションのトランジション を します. する は、 の2つの があります.
コンパイルbootstrapを び す.js;
の アニメーションのJavaScriptプラグインファイルtransitionを び す.js( 29 はBootstrapで されているtransition.jsのアドレスを しています).
transition.jsファイルは、Bootstrapがトランジションアニメーション を つコンポーネントにアニメーショントランジション を します.ただし、これらのトランジションアニメーションはCSS 3で されるため、IE 6-8ブラウザはこれらのトランジションアニメーション を えていないことに してください.
では、Bootstrapフレームワークの のコンポーネントでトランジションアニメーション が されています.
モルフォロジーポップアップ (Modal)のスライドとグラデーション ;
タブ(Tab)のグラデーション ;
ボックス(Alert)のグラデーション ;
(Carousel)のスライド .
「モードポップアップ (Modal)のスライドとグラデーション 」ソースコードの .
JavaScriptプラグインのインポート×Closeモードポップアップウィンドウタイトルモードポップアップウィンドウ クローズ



<br>$(function(){<br>$(".btn").click(function(){<br>$("#mymodal").modal("toggle");<br>});<br>});<br>