无法禁用在模式之外单击并关闭的功能

Tom*_* N. 0 javascript bootstrap-modal bootstrap-4

我有一个引导模式,我已将其设置为在页面加载时打开,效果非常好。

但是,如果您在模式之外单击,我会尝试禁用该功能。

它包含一个必需的表单,必须填写并提交该表单才能关闭模式,这是我正在使用提交按钮处理的事情,但我需要首先确保用户无法以任何其他方式关闭此模式无需填写表格并提交。

这是当前的代码:

<script type="text/javascript"> 
$(window).on('load',function(){
    $('#my_modal').modal('show');
    $("#my_modal").modal({
        backdrop: 'static',
        keyboard: false
    });

});
</script>
Run Code Online (Sandbox Code Playgroud)

所以它在页面加载时打开没有问题,但如果我点击 x,或单击它的外部,它就会关闭,我不想完全禁用它。

dad*_*mes 6

将 show 属性添加到模态中并且仅调用一次

<script type="text/javascript"> 
$(window).on('load',function(){
    $("#my_modal").modal({
        backdrop: 'static',
        keyboard: false,
        show: true // added property here
    });
});
</script>
Run Code Online (Sandbox Code Playgroud)