javascript - 使用 ember.js 突出显示导航栏中的当前项目

Question

我试图在我的导航栏中突出显示当前项目。这是我的路由器：

App.Router = Em.Router.extend({
    enableLogging: true,
    location: 'hash',
    root: Em.Route.extend({
        // EVENTS
        gotoList: Ember.Route.transitionTo('list'),
        gotoAbout: Ember.Route.transitionTo('about'),
        // STATES
        list: Em.Route.extend({
            route: '/list',
            connectOutlets: function(router, context) {
                router.get('applicationController').connectOutlet('list');
            },
            enter: function(router) {
                $('.active').removeClass('active');
                $('.nav-pills li.list').addClass('active');
            }
        }),
        about: Em.Route.extend({
            route: '/about',
            connectOutlets: function(router, context) {
                router.get('applicationController').connectOutlet('about');
            },
            enter: function(router) {
                $('.active').removeClass('active');
                $('.nav-pills li.about').addClass('active');
            }
        })
    })
});

这是行不通的。
也许我使用了不正确的函数（"enter"）？
如何防止"enter"列表和关于状态的功能重复？