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

Я использую 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>

Проблема здесь в том, что когда я нажимаю кнопку ОТМЕНА, модальное окно закрывается, но прокрутка родительского окна (тела) не работает.

Заранее спасибо!


javascript jquery css ajax twitter-bootstrap
person JJoe123    schedule 04.12.2015    source источник
comment
Можете ли вы предоставить скрипку того же самого?   -  person Rayon    schedule 04.12.2015
comment
вы запускаете модальный экземпляр более одного раза с помощью toggle и show, удаляете toggle, а также удаляете экземпляр hide, потому что вы закрываете модальный экземпляр с помощью data-dismiss="modal", поэтому не нужно hide   -  person Shehary    schedule 04.12.2015
comment
Я уже пробовал это. это не работает   -  person JJoe123    schedule 04.12.2015

Ответы (3)


arrow_upward
0
arrow_downward

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

$('add-student').removeClass('modal-open');
person Jay Geeth    schedule 04.12.2015
comment
У вас опечатка, вам нужен "#" перед идентификатором: $('#add-student') - person Darren Parker; 23.03.2016

arrow_upward
0
arrow_downward

проверьте эту скрипку здесь, я только что набрал некоторое содержимое, чтобы показать прокрутку страницы
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>

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

person Raki    schedule 04.12.2015

arrow_upward
0
arrow_downward

Проверьте, есть ли у вашего тела класс 'model-open', этот класс добавляет свойства overflow-y: hidden, просто удалите этот класс при закрытии модели.

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