2

我最近在我的页面上实现了 History.js，并且遇到了脚本问题。如果我转到索引页面，然后单击一个链接，事情就会像他们应该的那样工作。新内容被加载，没有页面刷新，所有导航链接仍然有效。但是，如果我在使用其中一个链接后刷新，然后单击一个链接，则 URL 会更改，但内容不会更改。我不确定发生了什么事。

后退和前进按钮工作正常，使用后我可以访问导航。这是我正在使用的javascript：

function fire()
{
var
History = window.History,
State = History.getState();

$('a').live('click', function(e)
{
    e.preventDefault();
    var path = $(this).attr('href');
    var title = $(this).attr('title');
    History.pushState('ajax',title,path);
}
);

// Bind to state change
// When the statechange happens, load the appropriate url via ajax
History.Adapter.bind(window,'statechange',function() 
    { 
        load_ajax_data();
    History.log(State.data, State.title, State.url);
    }
);

function load_ajax_data() {
 State = History.getState();   
 $.post(State.url, function(data) {
 $("#content").load(State.url + ' #contentDiv'); 
    }); 
 }
}

$(document).ready(fire());
4

1 回答 1

1

我知道这是一个老问题，但我遇到了同样的问题，刷新页面后导航不起作用，但您可以看到 url 链接。

修复只需更新到最新版本的 History.js https://github.com/browserstate/history.js

这是我的代码：

//Under Document.ready
if (History.enabled) {
      var History = window.History;
          History.Adapter.bind(window, "popstate", function() {
                    var State = History.getState();
                    History.log(State.data, State.title, State.url);

                    if (JSON.stringify(State.data) != "{}") {
                        var obj = State.data.content;
                        search = State.data.search;
                        $("#content").html(obj);
                        $("#search").val(search);
                    }
          });
    }

而且因为我只想在 ajax 请求上推送状态：

//under .ajaxStop
 History = window.History;
            if (History.enabled) {
                var grid = $("#content").html();
                var search = $("#search").val();
                History.pushState({ content: grid, search: search }, "Search", "?" + $("#FormID").serialize());
            }

其中#content是呈现部分视图的div，#search是文本框元素。

注意：我使用的是 Histyori.js 1.7，更新到 1.8 后一切都开始工作了。

我希望这对其他人有用。

于 2014-02-28T01:39:24.200 回答