Прокрутка Останавливает работу, когда загрузочный модал закрыт

Question

Я использую Bootstrap v3.1.1 для отображения модального всплывающего окна на одну из моих веб-страниц. Ниже приводится способ добавления.

<!--Start show add student popup here --> 
<div class="modal fade" id="add-student" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div id="divStudentPopUp"></div> 
    </div> 
</div> 
<!--End show add student popup here --> 

<!-- JS Code Goes Here --> 
//--- Add Student POP Up Script-- Start 
$('#add-student').modal('toggle'); 
$('#add-student').modal('show'); 
$('#add-student').modal('hide'); 
//--- Add Student POP Up Script-- End 
<!-- END --> 

Я добавляю текстовый контент динамически из вызова AJAX, когда модальное всплывающее окно открывается. У меня две кнопки на ней СОХРАНИТЬ и ОТМЕНА.

<!-- HTML for Cancel button --> 
<button class="hvr-ripple-out btn btn-red cancel" data-dismiss="modal" id="btnCancelStudent">Cancel</button> 

Проблема здесь, когда я нажал на кнопку CANCEL модальный закрывается, но родительское окно (тело) прокрутки не работает.

Спасибо заранее!

Answer 1

Это своего рода общая проблема, добавляет функцию обратного вызова.

$('add-student').removeClass('modal-open'); 

Answer 2

проверить эту скрипку здесь я только что напечатал некоторое содержимое, чтобы показать прокрутки страниц
http://jsfiddle.net/KyleMit/0fscmf3L/

<div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal"> 
     Close 
    </button> 
    <button type="button" class="btn btn-primary"> 
     Save changes 
    </button> 
    </div> 

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

Answer 3

Проверьте ваше тело класса «модель открытой», этот класс добавить свойства переполнения у: скрытый, просто удалите этот класс на модели близкой

$('#add-student').on('hidden.bs.modal', function() { 
    $('body').removeClass('modal-open'); 
});