Сделайте модальное окно начальной загрузки перетаскиваемым и сохраните возможность использования фона ⇐ Jquery

[Anonymous]

Я пытаюсь сделать модальное окно начальной загрузки перетаскиваемым в любое место страницы, и когда модальное окно открыто, я хочу, чтобы пользователь мог продолжать использовать страницу.

Мне удалось сделать модальное окно перетаскиваемым с помощью jquery-ui, но я застрял в том, чтобы сделать страницу пригодной для использования, пока модальное окно открыто. Попробовал несколько предложений с CSS, но ни одно не работает так, как мне хотелось.

Это делает страницу пригодной для использования, но модальное окно ограничено только частью страницы: Bootstrap Modal — сделать фон кликабельным, не закрывая модальное окно

То же, что и здесь: включить фон при открытии модального всплывающего окна начальной загрузки

Можно ли вообще добиться этого с помощью модального окна начальной загрузки?

Это мой JS:

Код: Выделить всё

$('#btn1').click(function() {
var modalDiv = $('#myModal');
modalDiv.modal({backdrop: false, show: true});

$('.modal-dialog').draggable({
handle: ".modal-header"
});
});

Ссылка на JSFiddle: https://jsfiddle.net/ntLpg6hw/1/

Подробнее здесь: https://stackoverflow.com/questions/450 ... und-usable