Link directly to an open modal window in Bootstrap

gistfile1.js

/* 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:

<div class="modal" id="myModal" ... >

Then stick this bit of Javascript at at the end of your document:
 */

$(document).ready(function() {

  if(window.location.href.indexOf('#myModal') != -1) {
    $('#myModal').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.
*/

Thank you! you helped a lot

This will work for all modals on your site. Just add the modal name to the url hash (https://example.com?page=1#myModal):

jQuery

$(document).ready(function () {
    $('.modal').each(function () {
        const modalId = `#${$(this).attr('id')}`;
        if (window.location.href.indexOf(modalId) !== -1) {
            $(modalId).modal('show');
        }
    });
});

ES6

const modals = [...document.getElementsByClassName('modal')];
modals.forEach((modal) => {
    const modalId = `#${modal.id}`;
    if (window.location.href.indexOf(modalId) !== -1) {
        $(modalId).modal('show');
    }
});

Thank you very much!!! You saved my head today!

Thanks for this, great fix!

Thanks Bradley-varol for this useful snippet.

thanks

thanks

OMG! Thanks a lot!

In 2022 you can do:
if (window.location.hash == '#myModal')

Thats cool bro , thanks