javascript - 将url哈希更新为用户点击的主干方式是什么

Question

我有一个小骨干画廊，里面有 3 张图片。

这将是“默认页面”

http://localhost:3000/arc/location2/8

随后的状态将是：

http://localhost:3000/arc/location2/8#image/1
http://localhost:3000/arc/location2/8#image/2

更新此 hashchange 以获取 #image/1 或 #image/2 的标准方法是什么？我显然不希望它是一个href（或者我），因为这会重新加载页面。

不是？

<a href='#image/1'>next</a>

模型是否只是编写一个小的 jQuery 辅助方法来捕获点击然后设置 window.location.hash？

Answer 1

var Router = Backbone.Router.extend({
  initialize: function(options) {

    // Matches #page/10, passing "10"
    this.route("page/:number", "page", function(number){ 
      // some code manipulating your page
    });

   }
});

要触发路线更改，您只需调用“导航”。

Router.navigate("page/" + pageNumber);

您可能还需要对 pushState 进行一些研究。这使浏览器能够利用后退/前进按钮在 Backbone 路由之间移动。更多信息在这里。