4

我在尝试 history.pushstate 事件时遇到了一点问题。我将其设置为页面的 url 将是通过 AJAX 加载的页面的实际 URL，并且效果很好。

我知道它应该自动创建历史记录，加载以前加载的页面。不幸的是帽子没有发生，当我点击后退时，网址确实发生了变化，但页面没有发生变化。你能帮助我吗？这是我的简化代码：

    function hijackLinks() {
        $('a').live("click", function (e) {
            e.preventDefault();
            loadPage(e.target.href);    
            direction = $(this).attr('class');        
        });   
    }


    function loadPage(url) {
        if (url === undefined) {
            $('body').load('url', 'header:first,#content,footer', hijackLinks);
        } else {
            $.get(url, function (data) {
                $('body').append(data);
                 window.history.pushState(url, url, url);

                if (direction === "leftnav") {
                   //DO STUFF
                }
                if (direction !== "leftnav") {
                   //DO STUFF
                }

                setTimeout(function () {
                  //DO STUFF
                },1000);
            });
        }
    }
    $(document).ready(function () {
        loadPage(); 

    });
4

3 回答 3

14

想通了，我刚刚补充了：

    window.addEventListener("popstate", function(e) {
    loadPage(location.pathname);
});

到页尾

于 2011-03-22T22:13:57.710 回答
2

我有同样的问题，但我修复了它。这很容易

代码示例：

window.addEventListener("popstate", function(e) {
    window.location.href = location.href;
});
于 2016-02-24T13:55:00.127 回答
1

是的，Safari iOS 的 HTML5 History API 有一些错误——实际上，所有 HTML5 浏览器的工作方式都不同，所以现在的功能并不是真正的标准。

History.js解决了跨浏览器兼容性问题，如果您愿意，还提供可选的 HTML4 哈希回退。您还可以参阅“兼容性说明”部分以获取有关它修复的所有浏览器错误的信息。

于 2011-03-23T13:28:37.447 回答