Мне нужно открыть модал на другом модале, проблема в том, что первый модал теряет полосу прокрутки главной страницы после закрытия находящейся на ней модальности.
Я постараюсь объяснить лучше:
У меня есть этот модал, который загружает в модальное тело контент, который может быть обширным, исходя из запроса в Ajax
<div class="modal fade" id="modal_1">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Concluir </h4>
</div>
<div id="modal-body" class="modal-body"></div>
</div>
</div>
</div>
Я загружаю информацию, которая будет отображаться в модале.тело в следующем действии Jquery:
$(document).on('click', '#btn_open_modal1', function (event) {
event.preventDefault();
$.ajax ({
type: 'POST',
url: "load.php",
data: {id : id},
async: false,
dataType: "text",
success: function(data){
$('#modal-body').html(data);
$('#modal_1').modal('show');
}
})
})
В этом модале, который открывается, есть кнопка для вызова другого модала
<button class="btn btn-success btn-block" id="confirm">Confirm</button>
В этом модале, который открывается, есть кнопка для вызова другогомодальное нажатие на эту кнопку запускает новый вызов Ajax, чтобы открыть новый модальный
<div class="modal fade" id="modal_2">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header text-white bg-dark">Confirm: </div>
<button class="btn btn-secondary btn-no" data-dismiss="modal">No</button>
<a class="btn btn-primary text-white btn-yes" id="btn-yes">Yes</a>
</div>
</div>
</div>
</div>
и в Jquery
$(document).on('click', '#confirm', function(event){
event.preventDefault();
$("#modal_2").modal().find("#btn-yes").off('click').on("click", function(event){
event.preventDefault();
$.ajax ({
type: 'POST',
url: "update.php",
data: {id : id},
dataType: "text",
success: function(data){
$('#modal_2').modal('hide');
}
})
})
})
В этом модальном, который откроется, есть кнопка, чтобы вызвать другой модальный, нажав этотКнопка запускает новый вызов Ajax, чтобы открыть новый модал.Когда я закрываю modal_2, modal_1 теряет scrool и больше невозможно прокручивать страницу.Я много думал о Модале поверх Модала, но я не нашел ничего, что использует Jquery (Ajax) и что модальное содержимое достаточно велико для прокрутки страницы и что на него влияет модальное верхнее