为什么我的主干路由事件不起作用？

Question

有人可以解释为什么router.on("route:myTest", function(page) {}); 不起作用吗？

我的Backbone.Router如下：

var MyRouter = Backbone.Router.extend({
    initialize: function(){
        Backbone.history.start({ pushState:true, root:"/subdir/" });
    },
    routes: {
        '' : 'start',
        'base' : 'myTest',
        'base/:name': 'myTest',
        'base/:name/:skill': 'myTest',
        '*default': 'defaultRoute'
    },
    start: function(){
        alert('Chapter 5 route invoked');
    },
    defaultRoute: function(){
        alert('Router does not handle this route');
    },
    myTest: function(name,book){
        if(name !== undefined){
            if(book !== undefined){
                alert([name, 'is reading', book].join(' '));
            }else{
                alert('Saying hello to ' + name);
            }
        }else{
            alert('Saying hello!');
        }
    }
});

这是我的html页面上的代码：

function showBook(name){
    console.log('Show book ' + name);
    router.navigate('book/' + name);
}
router.on("route:myTest", function(page) { showBook('TestBook'); });

Answer 1

Backbone.Router 不会仅触发路由名称的事件（在这种情况下为myTest）。如果您查看the docs，您可以看到路由器触发了route、route:[name] 事件，因此您应该改用以下内容：

router.on('route:myTest', function(){});

如果路由与 base、base/:name、base/:name/:skill 匹配，则将触发该事件，这可能是也可能不是您要查找的内容。