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

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');
});