Bootstrap modal: close current, open new
javascript, jquery, twitter-bootstrap
Solution
Without seeing specific code, it's difficult to give you a precise answer. However, from the Bootstrap docs, you can hide the modal like this:
$('#myModal').modal('hide')
Then, show another modal once it's hidden:
$('#myModal').on('hidden.bs.modal', function () {
// Load up a new modal...
$('#myModalNew').modal('show')
})
You're going to have to find a way to push the URL to the new modal window, but I'd assume that'd be trivial. Without seeing the code it's hard to give an example of that.
Problem
I have looked for a while, but I can't find a solution for this. I want the following: - Open an URL inside a Bootstrap modal. I have this working off course. So the content is loaded dynamically. - When an user pushes a button inside this modal, I want the current modal to hide, and immediately after that, I want a new modal to open with the new URL (which the user clicked on). This content of the 2nd modal is also loaded dynamically. - If the user then closes that 2nd modal, the first modal must come back again.