Как предотвратить исчезновение пользовательского окна при щелчке снаружи или нажатии escape

Question

Здесь я использую модальный плагин Custombox для хороших эффектов. Я инициализировал плагин, используя следующие ссылки

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

, и я создал модал. Все работает нормально, но когда я пытаюсь добавить

data-background = 'stati c'

и

данные -keyboard = 'false'

не работают. Что не так с пользовательской модальной коробкой. Когда я использую basi c 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>

Answer 1

попробуйте добавить эту опцию к вашему модальному

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