プラグインの概要ブートストラップ2024 年の最新の入門チュートリアル。このコースでは 特性データ,プログラムAPI,名前空間の衝突を避けます,イベント, について学習できます。
前のセクションでは、それはほんの始まりに過ぎないアセンブリへのコンポーネントのレイアウトを議論しました。 ブートストラップは、jQueryのプラグインが機能をよりインタラクティブサイトに追加することができます拡張する12種類が付属しています。 あなたは、高度なJavaScriptの開発者でなくても、あなたはまた、ブートストラップJavaScriptのプラグインを学ぶために始めることができます。 使用ブートストラップデータAPI(ブートストラップデータAPI)、プラグインのほとんどは、任意のコードを記述せずにトリガすることができます。
サイトは、2つの方法でブートストラッププラグインを参照します:
bootstrap.jsのbootstrap.min.jsはすべてのプラグインが含まれているため、これらの2つのファイルを引用しようとしないでください。
$(ドキュメント).off( '。データ-API」)
$(ドキュメント).off( '。Alert.data-API」)
我々は、すべてのブートストラップのプラグインのための純粋なJavaScriptのAPIへの道を提供します。 (:フォームとjQuery契約を呼び出す注)すべてのパブリックAPIコールを個別にサポートまたはモードを連鎖し、それが動作する要素の集合を返しています。 例えば:
$( "。Btn.danger」)。ボタン(「トグル」)。AddClass(「脂肪」)
すべてのメソッドは、オプションのオプションを取ることができ、次のように、(この場合には、それはデフォルトの動作用のプラグインを初期化します)パラメータ、または特定のメソッドを表す文字列として、またはパラメータなしでオブジェクト:
// $( "#myModal」)のデフォルトの動作に初期化されます。モーダル() //初期化キーボードは$( "#myModal」)モーダル({:偽キーボード})をサポートしていません。 //初期化し、すぐにショーを呼び出します $( "#MyModal」)。モーダル( 'ショー')
$ .fn.popover.Constructor:各プラグインコンストラクタ特性にも元のコンストラクタを公開しています。 あなたが特定のウィジェットのインスタンスを取得したい場合は、ページ要素を介して直接取得することができます。
$( '[のRel =ポップオーバー]')。データ(「ポップオーバー」)。
時々、ブートストラップのプラグインは、他のUIフレームワークで使用する必要があるかもしれません。 この場合、名前空間の衝突が発生する可能性があります。 この問題が発生した場合は残念ながら、あなたは、ウィジェット.noConflictメソッドを呼び出すことにより、元の値を復元することができます。
//)(割り当てられた値のVAR bootstrapButton = $ .fn.button.noConflict前に$ .fn.buttonを返します。 // $()のために。BootstrapBtn機能は、ブートストラップを授与しました $ .fn.bootstrapBtn = BootstrapButton
ブートストラップは、ほとんどのプラグインのユニークな行動などのカスタムイベントを提供します。 一般的に、これらのイベントは、2つの形式があります。
$( '#のMyModal')。オン( 'show.bs.modal'、関数(e)の{ //防ぎモーダルボックスが表示されているか(!データ)(e.preventDefaultを返します) })