模态在其他模态中切换 - 无法滚动模态

Question

我创建了一个模态，在模态中我创建了一个按钮来打开第二个模态并关闭第一个模式，但问题是滚动条不适用于第二个模态但适用于页面。

我该如何解决这个问题？

code in fiddle:

link to fiddle

Answer 1

请参阅此Fiddle

添加CSS：

#modal-food{
    overflow:auto
}

Answer 2

在这种情况下，您不应该使用data-toggle="modal"或data-dismiss="modal"（因为无法保证隐藏和显示将以正确的顺序发生），而是自己进行显示和隐藏。例如：

<button type="button" id="modal-2-btn">open modal 2 »</button>

$('#modal-2-btn').on('click', function () {
  $('#modal-trainertype').one('hidden.bs.modal', function () {
    $('#modal-food').modal('show');
  }).modal('hide');
});