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


В случае, когда модальное окно обязательно к прочтению или в нем, например, форма «Я соглашаюсь» — нельзя чтобы клиент имел возможность закрыть его без согласия. А это сделать ему очень просто — просто нажав за его пределами. В этой статье маленький пример, как отключить эту возможность.

Для решения задачи у Вас есть два пути. Первый — использовать javascript-инициализацию.

$('#myModal').modal({backdrop: 'static', keyboard: false})

Второй — использовать data-аттрибуты.


Вариант решения зависит от Вашей ситуации. К примеру, если Вам нужно показать окно сразу после загрузки страницы — можно сделать вот так:

$(document).ready(function(){
    $('#myModal').modal({backdrop: 'static', keyboard: false});
    $('#myModal').modal('show');
});

При желании — также можно убрать крестик «Закрыть» с тела модалки — просто удалив его с разметки без дополнительных действий.

Если остались вопрос — пишите в комментариях! Удачи!

, , ,

Добавить комментарий

Ваш адрес email не будет опубликован.