如何在ampersand.js中将活动类分配给当前路由链路？

Question

我有以下几条路线：

routes: {
   '': 'index',
   'lifestyle': 'lifestyle',
   'about': 'about'
},

index: function() {

},

lifestyle: function() {

},

about: function() { 

}

我如何确定哪一个是活动路由，以便我可以将‘活动’类分配给相应的nav链路？

Answer 1

最简单的方法是侦听路由器发出的route事件，并在触发时分配active类。对于您的routes定义：

routes: {
   '': 'index',
   'lifestyle': 'lifestyle',
   'about': 'about'
}

您可以像这样监听route事件：

router.on("route", function(page, ...arguments) {
  //here 'page' can be 'index', 'lifestyle' or 'about'.
  //then you can save the 'page' in a variable or assign your 'active' class right away
});

也可以查看last paragraph of the documentation