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

时间:2013-09-12 00:40:17

标签: javascript backbone.js

我有一个小型的骨干画廊,将有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?

1 个答案:

答案 0 :(得分: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路由之间移动。 More info here