html5-history - 覆盖后退按钮 HTML 5 History API 时导航菜单不起作用

Question

我是历史 API 的新手。

当页面以 chrome 加载时，导航菜单停止工作，在 Firefox 中它第一次工作，但导航菜单再次停止工作。但是当我评论这个函数时，历史 API 不起作用。其他一切正常。没有 JS 或 Ajax 错误。

这是导致问题的函数：

 $(window).bind('popstate', function() {
    $.ajax({url:location.pathname,success: function(data){
      $('#ttl').html(data);
    }});
  });

在这里查看：http: //ddvsdakor.com/test/services/logo-designing-and-branding.w

Answer 1

我使用以下语法，但我不使用 history.js。我编写了自己的路由引擎来避免这些问题。

window.addEventListener("popstate", function (e) {
        $.ajax({
                url: location.href,
                success: function(content) {
                    $('body>#content').css({ opacity: 0 });
                    $('body>#content').html(content);
                    $('body>#content').animate({ opacity: 1 }, 300, 'swing');
                },
                cache: false
        });
        return false;
    });

我已经在本主题中解释了我使用 HTML 5 history API 的方式

Answer 2

您的函数可能在那里有一个额外的大括号。使用未弃用的语法对其进行了重新设计。

$(window).on('popstate', function(){
    $.ajax({ url: location.pathname })
        .done(function(data){ $('#ttl').html(data); });
});