backbone.js - 链接中的 anchor

Question

鉴于:

Tom — 拥有支持 pushState 的现代浏览器

Fred——他的浏览器不支持 pushState

super.app由 Backbone 提供支持的 Web 应用程序

Tom 浏览到 products/1所在页面#special-offer节存在。

Backbone 是否允许 Tom 与 Fred 共享链接，包括特价部分的 anchor :http://super.app/products/1#special-offer

Fred 会被重定向到 http://super.app/#products/1 (例如:没有 #special-offer )？

换句话说，Backbone 允许使用 anchor 吗？

Answer 1

我在这里做了一个测试 http://bl.ocks.org/abernier/raw/3183257/

看来是的:

anchor 可以与支持 pushState 的浏览器一起使用:http://bl.ocks.org/abernier/raw/3183257/product1.html#special-offer

而对于 IE<10，则转换为 http://bl.ocks.org/abernier/raw/3183257/#product1.html例如:没有 #special-offer

我唯一需要注意的是禁用基于哈希的历史浏览器的 anchor ，方法是:

if (!Backbone.history._hasPushState) {
  $('body').delegate('a[href^=#]', 'click', function (e) {
    e.preventDefault();
  });
}