Javascript рамочного canJs control.route

Question

Я хотел бы использовать this tuto, но не работает для меня

 
    $(function() { 

    Router = can.Control({ 

     "completed route" : function(){ 
     console.log("the hash is #!completed") 
     }, 
     "active route" : function(){ 
     console.log("the hash is #!active") 
     }, 
     "project/create" : function(){ 
     console.log("the hash is #!project/create") 
     }, 
     "route" : function(){ 
     console.log("empty hash") 
     } 
    }); 

    // make sure to initialize the Control 
    new Router(document); 

    }); 

Я использую window.location.hash = "!#completed" или <a href="#!active">Show Active</a> сообщения не отображаются в консоли.

Я использую canjs 2.0.4 с JQuery

Спасибо за помощь

Answer 1

Вы должны вызвать can.route.ready() для инициализации маршрутизации:

Router = can.Control({ 
    "completed route" : function(){ 
    console.log("the hash is #!completed") 
    }, 
    "active route" : function(){ 
    console.log("the hash is #!active") 
    }, 
    "route" : function(){ 
    console.log("empty hash") 
    } 
}); 

// make sure to initialize the Control 
new Router(document); 

can.route.ready(); 

Вот Fiddle: http://jsfiddle.net/DeGR5/