如何防止自定义框模态在单击外部或按退出时消失答案

【问题标题】：How to Prevent Custom box Modal from disappearing when clicking outside or pressing escape如何防止自定义框模态在单击外部或按退出时消失
【发布时间】：2020-03-20 19:21:36
【问题描述】：

这里我使用 Custombox 模态插件以获得良好的效果。我使用以下链接初始化插件

<link href="assets/libs/custombox/custombox.min.css" rel="stylesheet">
<script src="assets/libs/custombox/custombox.min.js"></script>

我已经创建了一个模态。一切正常，但是当我尝试添加时

数据背景 = '静态'

和

数据键盘 = '假'

不工作。自定义模态框有什么问题。当我使用基本的 Bootstrap 模式背景和键盘数据属性时效果很好。

按钮代码

<a href="#edit-profile" class="btn btn-dark waves-effect waves-light btn-edit" data-animation="slidetogether" data-plugin="custommodal" data-overlaySpeed="100" data-overlayColor="#36404a" data-backdrop="static" data-keyboard="false">edit</a>

模式代码

<div id="edit-profile" class="modal-demo" >
    <button type="button" class="close" onclick="Custombox.modal.close();">
      <span>&times;</span><span class="sr-only">Close</span>
    </button>
    <h4 class="custom-modal-title">Profile</h4>
    <div class="custom-modal-text">      
    </div>
  </div>

【问题讨论】：

标签： javascript jquery

【解决方案1】：

尝试将此选项添加到您的模态

new Custombox.modal({
  // Options
  content: {
    close: false,
  },
  overlay: {
    close: false,
  }
});

【讨论】：

感谢您的回复。将此添加到我的脚本后，它显示 Invalid shorthand property initializer
将=更改为:
new Custombox.modal({ // Options content : { close: false, }, overlay : { close: false, } }); 添加了这个但没有用
不要添加所有代码，您只需将选项content: {close: false,},overlay: {close: false,} 添加到您拥有的模态中
让我们continue this discussion in chat.