ブートストラップモーダルボックスの簡単な概要
ブートストラップモーダルは、カスタムjQueryプラグインを使用して作成されます。ユーザーエクスペリエンスを豊かにするためのモーダルウィンドウを作成したり、ユーザーに実用的な機能を追加したりするために使用できます。モーダルでポップオーバーとツールチップを使用できます。
1。ブートストラップモーダルダイアログボックスと簡単な使用
div id = "mymodal"> <div> <ボタンタイプ= "ボタン" data-dismiss = "modal"> x </button> <h3>ダイヤルボックスタイトル</h3> </div> <div> <p> div> <div> <p> div> <a href = "#"# "data-dismiss =" modal "> cancel </a <a href ="# "#" data-dismiss = "modal">確認</a> </div> </div>
モーダルダイアログは、ボタンまたはリンクを使用して直接呼び出すことができます。これは単純な使用法です。
<a href = "#modal1" role = "button" data-toggle = "modal">契約の追加</a>
さらに、ダイアログボックスにフォームデータを開くたびにフォームデータをクリアする必要がある場合、次のように:
$( '#modal1')。modal( 'hide'); $( "#modal1")。 //契約を追加した後、フォーム操作をクリアします
上記のコンテンツは、編集者が紹介したブートストラップモーダルボックスの使用です。それがあなたに役立つことを願っています。もっとエキサイティングなコンテンツを知りたい場合は、wulin.comのWebサイトに注意してください!