-
-
Save jkeck/3515705 to your computer and use it in GitHub Desktop.
Link directly to an open modal window in Bootstrap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* If you've ever had the need to link directly to an open modal window with Bootstrap, here's a quick and easy way to do it: | |
Make sure your modal has an id and is classed with modal and permalink: | |
<div class="modal permalink" id="myModal" ... > | |
Then stick this bit of Javascript at at the end of your document: | |
*/ | |
$(document).ready(function() { | |
$(".modal.permalink").each(function(){ | |
if(window.location.href.indexOf($(this).attr("id")) != -1){ | |
$(this).modal('show'); | |
} | |
}); | |
}); | |
/* | |
Then you can send people to http://www.website.com/page.html#myModal and it'll load the page with the modal open. | |
*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment