Javascript BackboneJS:router.navigate不是一个函数

我正试图用以下内容构建微州历史：

var router = Backbone.Router.extend({
    routes:{"":"home",":slug":"pages"},
    pages:function(slug){alert(slug);},
    home:function(){alert('home');}
}) ;

Backbone.history.start({
    pushState: true,
    silent: true
});

$(document).on("click","a",function(e) {
    e.preventDefault() ;
    router.navigate($(this).attr('href'),true) ;
});

但控制台显示：“未捕获类型错误：router.navigate不是一个函数”

---

我缺少什么？

您需要实例化您的路由器：

var AppRouter = Backbone.Router.extend({
    routes:{"":"home",":slug":"pages"},
    pages:function(slug){alert(slug);},
    home:function(){alert('home');}
});

Backbone.history.start({
    pushState: true,
    silent: true
});

var router = new AppRouter();
$(document).on("click","a",function(e) {
    e.preventDefault() ;
    router.navigate($(this).attr('href'),true) ;
});

---

您需要实例化路由器：

var AppRouter = Backbone.Router.extend({
    routes:{"":"home",":slug":"pages"},
    pages:function(slug){alert(slug);},
    home:function(){alert('home');}
});

Backbone.history.start({
    pushState: true,
    silent: true
});

var router = new AppRouter();
$(document).on("click","a",function(e) {
    e.preventDefault() ;
    router.navigate($(this).attr('href'),true) ;
});