使用backbone.js 路由区分后退/前进导航答案

【问题标题】：Differentiating back/forward navigation with backbone.js routing使用backbone.js 路由区分后退/前进导航
【发布时间】：2012-01-30 20:59:25
【问题描述】：

我在这里有一个简单的路由器设置：

class Router extends Backbone.Router
  routes:
    '/a': 'a'
    '/b': 'b'

  a: -> alert 'a'
  b: -> alert 'b'

app = new Router()
app.navigate '/a'
Backbone.history.start()

这里的代码： http://jsfiddle.net/tH2eW/

在使用中可以看到哈希 url 变化： http://jsfiddle.net/tH2eW/show/

这行得通，它会在哈希更改时运行代码。但是我怎么知道它是前进（单击链接以加载新页面）还是后退按钮？如果我们要返回上一个屏幕，我想稍微不同地制作动画。

基于哈希的 URL 是否支持这种区分？

【问题讨论】：

对你没有一个好的答案，但你能绑定到 hashchange/onpopstate 来跟踪你自己的历史堆栈并将当前 url 与堆栈进行比较吗？

标签： javascript backbone.js coffeescript

【解决方案1】：

我们结束了一些我不太满意的事情。我们在 url 中编码页面深度。

foo.html#!1/index
foo.html#!2/detail/123

然后我们可以轻松查看该数字是上升还是下降并相应地制作动画。它有效，但不是优雅的。

【讨论】：