ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > ブートストラップモーダルボックスを閉じる方法

ブートストラップモーダルボックスを閉じる方法

藏色散人
リリース: 2019-07-26 11:02:18
オリジナル
4432 人が閲覧しました

ブートストラップモーダルボックスを閉じる方法

#ブートストラップ モーダル ボックスを閉じるにはどうすればよいですか?

data-dismiss="modal" は、カスタム HTML5 データ属性です。ここではモーダルウィンドウを閉じるために使用されます。この属性を使用すると、クリック時にモーダル ボックスを閉じることができます。

関連紹介:

Modal は、親フォームをカバーするサブフォームです。通常、その目的は、親フォームを離れることなく何らかの対話が可能な別のソースからのコンテンツを表示することです。サブフォームは、情報や対話などを提供します。

プラグインの機能を個別に参照したい場合は、modal.js を参照する必要があります。あるいは、「ブートストラップ プラグインの概要」の章で説明したように、bootstrap.js または bootstrap.min.js の縮小バージョンを参照することもできます。

使用法

モーダル プラグインの非表示コンテンツを切り替えることができます:

データ属性を通じて: コントローラー要素 (ボタンやボタンなど) に属性を設定します。 link) data-toggle="modal" を設定し、data-target="#identifier" または href="#identifier" を設定して、切り替える特定のモーダル ボックス (id="identifier" を持つ) を指定します。

JavaScript 経由: この手法を使用すると、単純な JavaScript 行で id="identifier" を指定してモーダルを呼び出すことができます:

$('#identifier').modal(options)
ログイン後にコピー

関連する推奨事項: 「bootstrap チュートリアル 」 》

以上がブートストラップモーダルボックスを閉じる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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