防止关闭模态

Question

我试图阻止用户在没有按下关闭按钮的情况下关闭模态（通常你可以点击远离模态并且它会关闭），但是我可以从不关闭时获得它，但关闭按钮仍然没有工作！：

               $('#manageRooms').on('hide.bs.modal', function (e) {
                 $('#manageClose').click(function (event) { //Have they pressed the close button?
                     $(this).data('clicked', 'yes');
                 }
                 );
                 if (!data) return e.preventDefault(); // stops modal from being hidden

             })

Answer 1

如果您使用的是bootstrap模式而不是编写下面的代码可以执行此操作。

.modal({ backdrop: 'static', keyboard: false })

Answer 2

 $('#myModal').modal({ backdrop: 'static', keyboard: false })

如果是html

<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">

Answer 3

我不确定是否有效，但是......你可以尝试这样的事情：

$('#manageRooms').on('hide.bs.modal', function (e) {
    if(!($(event.delegateTarget).is($('#manageClose')))) return e.preventDefault();
})

如果模态插件没有不同的方式来设置结束道具。