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相匹配，那么该事件将会被触发。这可能是您正在寻找的，也可能不是。

为什么我的Backbone Route Events不起作用？

1 个答案: