bootstrapモードボックス空白をクリックするとモードボックスが消えず、モニタモードボックスが開くか閉じるか

5228 ワード

HTML 5 JS

1.divに追加
aria-hidden="true"
プロパティaria-hidden=「true」は、トリガがトリガーされるまで(関連するボタンをクリックするなど)モードウィンドウが表示されないようにします.
data-show="false"

data-show初期化時にモードボックスが表示されます.

2.jsの追加
$('#myModal').modal({backdrop: 'static', keyboard: true});
backdrop:'static'は、ユーザーがモードボックスの外部をクリックしたときにモードボックスを閉じない静的バックグラウンドを指定します.
keyboard:true escapeキーを押すとモードボックスを閉じfalseに設定するとキーが無効になります
まとめ:前のdivに追加されたプロパティは、モダリティボックスが最初から非表示になるようにするためです.
モニタモードボックスを開くか閉じるか
≪イベント｜Events｜ldap≫
説明
≪インスタンス｜Instance｜emdw≫
show.bs.moda l
showメソッドを呼び出すとトリガーされます.

$('#identifier').on('show.bs.modal', function () { //       ... })

shown.bs.modal
モダリティボックスがユーザーに表示されるとトリガーされます(CSS遷移効果が完了するまで待ちます).

$('#identifier').on('shown.bs.modal', function () { //       ... })

hide.bs.modal
hideインスタンスメソッドが呼び出されるとトリガーされます.

$('#identifier').on('hide.bs.modal', function () { //       ... })

hidden.bs.modal
モードボックスがユーザーに完全に非表示になったときにトリガーされます.

$('#identifier').on('hidden.bs.modal', function () { //       ... })

1.hide.bs.modalはモードボックスのクローズを監視します
$('#myModal').on('hide.bs.modal', function (){ })
2.shownを通ります.bs.modalリスニングモードボックスは開いています$('#myModal').on("shown.bs.modal", function() { })
demo:
Bootstrapインスタンス-モダリティボックスプラグインイベント

モダリティボックス(Model)プラグインイベント

btn-primary btn-lg"data-toggle="modal"data-target="#myModal">
モダリティボックスのプレゼンテーションを開始します
"role="dialog"> aria-labelledby="myModalLabel"aria-hidden="true">

$(function(){ <&span>$('#myModal').on('hide.bs.modal',function(){ <<&span>alert('ねえ、モードボックスが好きだと聞いた); <&span><&span>) $('#myModal').on("shown.bs.modal", function() { alert('aa'); }) });