Bootstrap css - как сделать модальный диалог модальным, не затрагивая фон

В bootstrap css можно отобразить модальное диалоговое окно, но я хочу иметь возможность сделать его модальным, чтобы пользовательский интерфейс не отвечал, не отображая темный черный фон.

Кажется, нет никаких параметров, которые позволяют мне делать это в функции $( "# selector" ). modal().

Ответы

Ответ 1

Чтобы избавиться от фона:

После модального инициирования

$('#XXX').modal({show:true});

просто введите код ниже

 $('.modal-backdrop').removeClass("modal-backdrop");

Ответ 2

добавьте data-backdrop="false" в <div class="modal">, а Bootstrap сделает все остальное.

Пример:

<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">

Ответ 3

если я прав, вы должны это сделать, позвонив:

$("#selector").modal({
    backdrop: "static"
});

то просто измените CSS для класса фона и установите его.

Ответ 4

Сури, все, что вам нужно сделать, это настроить CSS, чтобы изменить непрозрачность черного фона. Не нужно быть видимым, чтобы блокировать клики для базовых элементов (если нет какой-либо защиты от щелчка, о которой я не знаю?). Класс для цели - div.modal-backdrop.