javascript - 使用 crossroads.js 和 hasher.js 返回根页面

Question

我刚刚开始使用 crossroads.js和 hasher.js并且我已经成功解析了我的大部分路线。我不明白的是如何回到页面的根目录。我知道我说得不对，但这是我的问题:

1. 我导航至 http://example.com我看到了我需要看到的。

2. 我将哈希值更改为 http://example.com/#/foo我做了我需要做的事情来改变 DOM。

3. 我尝试在浏览器中单击返回，但我很糟糕。

也许我需要在十字路口定义“根”路线？我对历史做错了什么吗？

Answer 1

据我了解，您在这两种情况下都处于一半状态(哈希器+十字路口)。

如果根模式匹配，将具有“根”模式的路线添加到十字路口会触发为此路线定义的处理程序。并且处理程序调用显示根页面内容。

第二个问题是必须配置良好的哈希器。查看 hasher doc 上的 hasher.setHash() 和 hasher.replaceHash() 之间的区别。如果您想保留历史记录并使用浏览器后退功能，请使用 setHash。

整个过程将是:

1. 通过 hasher.setHash(new_hash_value) 更改 URL，手动在导航栏中输入 URL 或使用浏览器中的后退按钮
2. 哈希器识别出哈希值已更改，并触发十字路口以进一步处理新的 URL
3. crossroads 解析新哈希并调用显示根页面(这需要具有根哈希模式的路由)

准备哈希器以能够监听更改:

function parseHash(newHash, oldHash){
  crossroads.parse(newHash);
}

hasher.initialized.add(initialParse); //parse initial hash
hasher.changed.add(parseHash); //parse hash changes
hasher.init(); //start listening for hash changes

当然还要定义根页面的路由以便能够调用显示根内容:

crossroads.addRoute("", function() {
     // call displaying root page
  });