Maybe I'm brain dead here, but I'm trying to do what seems should be an easy thing.
I am using Bootstrap to open a modal on page load depending on the value of specific variables. This all works great. However, when the modal opens and the user clicks ok (presumably after reading the info text), I want to page to redirect to a new page. I can't seem to figure out how to do this.
Any info on how to do
Along the lines of @Knagis additional option, you can use onclick
to change the window.location, and the data-dismiss=modal
attribute in the same link..
<a href="" data-dismiss="modal" onclick="javascript:window.location='http://google.com'">Visit Google.</a>
Demo: http://www.bootply.com/oKgjTJXGTq
$(".modal").on("hidden.bs.modal", function () {
window.location = "your-url";
});
http://getbootstrap.com/javascript/#modals-usage
You could also (and that is probably a better option) add a onclick
handler to the button that the user has to click (because the hidden.bs.modal
event also fires when the user closes the modal by pressing Esc
or clicking the x
button.