javascript - ユーザーが他の場所をクリックした場合、ブートストラップモーダルを却下します。これを防ぐ方法は？

Question

TwitterのBootstrapモーダルを使用しています。

ユーザーがモーダル以外の画面上の他の場所をクリックすると、モーダルは閉じられます。

これを防ぐ方法はありますか？ユーザーは[閉じる]ボタンをクリックしてモーダルを閉じる必要がありますか？

一番、

Answer 1

ほとんどの場合、モーダル ダイアログは Javascript を使用せずにマークアップを使用して構築されます。このシナリオでは、class="modal fade" を持つ div に属性: data-backdrop="static" を追加するだけです。

例：

  <div class="modal fade" id="myModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

Answer 2

これらのオプションを渡すことができます：

{
  keyboard: false,
  backdrop: 'static'
}

Answer 3

場合によっては、この代替ソリューションが役立つことがあります。

$('#modalElement').on('hide.bs.modal', function () {
    return false;
});