html - Button to redirect to another page and automatically pop modal

Question

I have a button on a page (page 2) that links to another page (page 1). On page 1 I have a modal. How would one set the button on page 2 to link to page 1, and automatically pop the modal. I understand a normal link would be href='/page1', I have tried href='/page1#modal', but this does not work. I am running jQuery if this would be the route to go - I have seen some solutions around this but very outdated.

If this is even possible, any help or pointers will be much appreciated.

question from:https://stackoverflow.com/questions/65933219/button-to-redirect-to-another-page-and-automatically-pop-modal

Answer 1

Add #modal part to the href in page2, and check URL on page1 load and if it contains #modal, show modal.

$(document).ready(function(){
  if(window.location.href.indexOf('#modal') > -1)
    $('#myModal').modal();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>