Bootstrap - direct link to modal window

Question

Is it possible to have an url like this:

www.url.com/#imprint
(or similar) to link directly to the page with the opened modal window?

is this possible? Any hints?
Thank you!

Answer 1

You might be able to do something like this.

if (window.location.hash == "#imprint") {
     $('#myModal').modal('show');
}

Answer 2

Just for future visitors/readers, I have created a very simple function to open a modal dynamically without the need to know the exact ID that you're looking for. It just falls through if no hash is located.

/**
 * Function to open a bootstrap modal based on ID
 * @param int
 */
function directLinkModal(hash) {
  $(hash).modal('show');
}

/**
 * Call the function on window load
 * @param hash of the window
 */
directLinkModal(window.location.hash);