Schließen modal durch BROWSER zurück Button

Question

Derzeit ich dies gerade haben:

`` `

<div data-slideid="1" class="slide"> 
      <div class="row"> 
       <div class="col-md-12 text-center modal-intro"> 
       <div class="container"><img src="assets/images/work/logo1.png" width="100" height="100" alt="Logo" class="img-circle"/><span>ABOUT</span> 
        <h3>Some text</h3> 
        <p>some more text </p> 
       </div> 
       </div> 
      </div> 

` ``

Grundsätzlich, wenn eine Schaltfläche geklickt wird schiebt es nur modal in auf die gleiche URL Ich brauche # oder etwas, das zu der URL hinzugefügt werden soll, wenn Modal geöffnet ist, so dass Leute auf die Zurück-Schaltfläche im Browser klicken können, um zurückzugehen.

Ich habe X schließen Knopf und alles, aber eine Menge Leute verwenden zurück Knopf, um zurückzugehen, und ich möchte es hinzugefügt haben.

Gibt es eine einfache Möglichkeit, dies zu kompilieren?

Answer 1

function ensureHash(newHash) { 
    if (window.location.hash) { 
     return window.location.href.substring(0, window.location.href.lastIndexOf(window.location.hash)) + newHash; 
    } 
    return window.location.hash + newHash 
} 

Verwenden Sie die function über die URL setzen Sie diese brauchen und tun, wenn Sie auf eine Schaltfläche rufen

window.location.href = ensureHash("#foo=bar");