ホームページ > 記事 > ウェブフロントエンド > ブートストラップモーダルボックスを閉じる方法
#ブートストラップ モーダル ボックスを閉じるにはどうすればよいですか?
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 サイトの他の関連記事を参照してください。