如何在切换到其他模态对话框时关闭相应的模态对话框而不重叠 - 使用Bootsrap 3

Question

使用bootstrap在模型对话框弹出窗口中显示的Register-modal1，login-modal2和forgot-modal3页面。它正常工作，但是在弹出模型1中通过锚标签切换到其他model2弹出窗口时，这是重叠的model1（model2在model1上重叠）。不要重叠它，我只需要在切换到model2时关闭它。

请帮助我，如何通过bootstrap 3实现这个目标

Answer 1

为你的三个模态添加一个类并触发它：

  $('.myModal').modal('hide');
  $('.myModall').on('hidden', function () {
   $('#myModalNew').modal('show')
  })

或者更好地使它成为一个函数，这样你就可以将新的模态名称传递给它！

function openNewModal(elClass,elID){
  $('.'+elClass).modal('hide');
  $('.'+elClass).on('hidden', function () {
  // Load up a new modal...
  $('#'+elID).modal('show')
 })
}

您可以使用Click或JQuery Click功能触发它。