ブートストラッププラグインとは

(*-*)浩
リリース: 2019-07-11 13:21:00
オリジナル
3059 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート