ホームページ >ウェブフロントエンド >ブートストラップのチュートリアル >ブートストラッププラグインとは
Bootstrap には 12 個の jQuery プラグインが付属しており、機能を拡張してサイトにさらに多くのインタラクションを追加できます。高度な JavaScript 開発者でなくても、Bootstrap の JavaScript プラグインの学習を始めることができます。 Bootstrap Data API を使用すると、ほとんどのプラグインはコードを記述せずにトリガーできます。
サイトが Bootstrap プラグインを参照するには 2 つの方法があります: (推奨学習: Bootstrap ビデオ チュートリアル)
別の参照: Bootstrap の個別の *.js ファイルを使用します。一部のプラグインと CSS コンポーネントは他のプラグインに依存します。プラグインを個別に参照する場合は、まずそれらのプラグイン間の依存関係を必ず理解してください。
コンパイル (同時) リファレンス: bootstrap.js または bootstrap.min.js の圧縮バージョンを使用します。
不要尝试同时引用这两个文件,因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。
すべてのプラグインは jQuery に依存します。したがって、jQuery はプラグイン ファイルの前に引用符で囲む必要があります。
データ属性
JavaScript コードを 1 行も記述することなく、データ属性 API を介してすべてのブートストラップ プラグインを使用できます。これは Bootstrap のファーストクラス API であり、最初に選択する必要があります。
また、状況によっては、この機能をオフにする必要がある場合があります。したがって、データ属性 API をオフにする方法、つまり、イベントをデータ API 名前空間とバインド解除し、ドキュメントにバインドする方法も提供します。次のようになります。
$(document).off('.data-api')
特定のプラグインを閉じる必要がある場合は、以下に示すように、データ API 名前空間の前にプラグインの名前を名前空間として追加するだけです。 ##
$(document).off('.alert.data-api')プログラム APIすべての Bootstrap プラグインに純粋な JavaScript API を提供します。すべてのパブリック API は、個別またはチェーン呼び出しメソッドをサポートし、それらが操作する要素のコレクションを返します (注: 呼び出し形式は jQuery と一貫しています)。例:
$(".btn.danger").button("toggle").addClass("fat")Bootstrap に関連する技術的な記事については、
Bootstrap チュートリアル 列にアクセスして学習してください。
以上がブートストラッププラグインとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。