CODEWITHSUNDEEP
jqueryhtmlgoogle-chromesafarijquery-events
forberg
forberg

Reputation: 63

onpopstate event doesn't trigger in Chrome/Safari

Chrome and Safari doesn't trigger the HTML5 onpopstate event. Here is my example:

<!doctype html> 
<html> 
    <head> 
        <title></title> 
        <script src="http://code.jquery.com/jquery-latest.js"></script> 
        <script> 
            window.onpopstate = function(e) {
                document.getElementById("log").innerHTML = "HELLO";
            }
            $(function() {
                $("a").click(function(e) {
                    e.preventDefault();
                    window.history.pushState({page: $(this).index()}, $(this).html(), $(this).attr('href'));
                });
            });
        </script> 
    </head> 
    <body> 
        <a href="new-state">Foo</a> 
        <a href="other-state">Hallo</a> 
        <div id="log"></div> 
    </body> 
</html>

Upvotes: 2

Views: 6191

Answers (1)

Robert Calhoun
Robert Calhoun

Reputation: 5133

window.onpopstate() should fire on the initial page load, which counts as a history traversal. See this WebKit bug, which has been resolved in recent WebKit builds. (You code outputs HELLO as designed in Chrome 7.0.517.44, and presumably will do so in the next version of Safari.)

See also my (invalid) Chrome bug report for more discussion and links.

Upvotes: 2

Related Questions