Как запретить закрытие окна при клике за его пределами?

495

28 января 2017, 11:36

Использую стандартное модальное окно jQuery

    var $modal = $('#event-modal');
    var modal_body = $(".modal-body");
    var modal_content = $(".modal-content");
    function mcloced (a) {
        $modal.find('.modal-body').empty().end();
        $modal.removeClass(a);
    }   
    function addok (a) {
        $modal.removeClass(a);
    }   
$modal.modal('show');
$modal.find('.modal-body').empty().end();

Как этому окну запретить закрываться если клик сделан за пределами .modal-body, т.е чтобы окно закрывалось только при нажатии на крестик?

Answer 1

Читайте документацию Свойство backdrop (data-backdrop):

If you specify the value "static", it is not possible to close the modal when clicking outside of it

Что в переводе на русский обозначает,

Если вы укажите значение static, то будет невозможно закрыть модальное окно при клике вне его области.

Answer 2

самый простой вариант это задать стиль для подложки pointer-events: none;