データ却下モーダルコードの例

Data Dismiss Modal Code Example

例1：jqueryのdata-dismiss =モーダル

$（（資料）。。準備（（関数（（）。{{ //ページの読み込み時にモーダルを開く$（（'#myModal'）。。資本（（'見せる'）。; //ボタンクリックでモーダルを閉じる$（（'.btn'）。。クリック（（関数（（）。{{$（（'#myModal'）。。資本（（'隠れる'）。; }）。; }）。;

例2：モーダル却下

<！-ボタントリガーモーダル->> <ボタンタイプ='ボタン' クラス='btn btn-primary'データ-トグル='資本'データ-目標='#exampleModalCenter'>>デモモーダルを起動</ボタン>> <！-資本->> <divクラス=「モーダルフェード」id='exampleModalCenter'tabindex='-1'役割='ダイアログ'空気-labelledby='exampleModalCenterTitle'空気-隠れた='NS'>> <divクラス=「モーダルダイアログモーダルダイアログ中心」役割='資料'>> <divクラス=「モーダルコンテンツ」>> <divクラス=「モーダルヘッダー」>> <h5クラス=「モーダルタイトル」id='exampleModalLongTitle'>>モーダルタイトル</h5>> <ボタンタイプ='ボタン' クラス='選ぶ'データ-退出させる='資本'空気-ラベル='選ぶ'>> <スパンアリア-隠れた='NS'>>××</スパン>> </ボタン>> </div>> <divクラス=「モーダルボディ」>> ..。 </div>> <divクラス=「モーダルフッター」>> <ボタンタイプ='ボタン' クラス='btnbtn-セカンダリ'データ-退出させる='資本'>>選ぶ</ボタン>> <ボタンタイプ='ボタン' クラス='btn btn-primary'>>変更内容を保存</ボタン>> </div>> </div>> </div>> </div>>

例3：ブートストラップモーダルポップアップ

<ボタンタイプ='ボタン' クラス='btn btn-info btn-lg'データ-トグル='資本'データ-目標='#myModal'>>オープンモーダル</ボタン>> <！-資本->> <div id='myModal' クラス=「モーダルフェード」役割='ダイアログ'>> <divクラス=「モーダルダイアログ」>> <！-モーダルコンテンツ->> <divクラス=「モーダルコンテンツ」>> <divクラス=「モーダルヘッダー」>> <ボタンタイプ='ボタン' クラス='選ぶ'データ-退出させる='資本'>>＆タイムズ;</ボタン>> <h4クラス=「モーダルタイトル」>>モーダルヘッダー</h4>> </div>> <divクラス=「モーダルボディ」>> <NS>>モーダルの一部のテキスト。</NS>> </div>> <divクラス=「モーダルフッター」>> <ボタンタイプ='ボタン' クラス='btnbtn-デフォルト'データ-退出させる='資本'>>選ぶ</ボタン>> </div>> </div>> </div>> </div>>

例4：htmlデータターゲットモーダル

$（（'#myModal'）。。資本（（'見せる'）。