无法禁用该功能以在模态之外单击并关闭

时间:2018-07-30 13:11:06

标签: javascript bootstrap-4 bootstrap-modal

我有一个设置为在页面加载时打开的引导程序模式,该模式非常有效。

但是,如果您在模态之外单击,我正在尝试禁用该功能关闭的地方。

它包含一个必填表格,必须填写并提交才能关闭模式,这是我正在使用“提交”按钮进行的​​工作,但是我首先要确保用户无法关闭该模式无需填写表格并提交即可。

这是当前代码:

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

});
</script>

因此它在页面加载时打开没有问题,但是,如果我按下x或在其外部单击它,它会关闭,并且我不会完全禁用它。

1 个答案:

答案 0 :(得分:2)

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

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