javascript - 主干路由第一次未触发

Question

我已经开始学习Backbone.js。我已经为 3 个链接设置了一个简单的路由器。其中 2 个完美地触发路由，但其中一个 - 带有 href="#/active" 的那个在下面的代码中，在我先单击其他 2 个链接之一之前，不会触发路由。

HTML 是: <ul id = filters>
<li>
<a class="selected" href="#/">All</a>
</li>
<li>
<a href="#/active">Active</a>
</li>
<li>
<a href="#/completed">Completed</a>
</li>
</ul>

Javascript:

var Workspace = Backbone.Router.extend({

    routes: {
        '*filter': 'setFilter'
    },

    initialize: function() {
        this.on('route:setFilter', this.setFilt);
    },

    setFilt: function(param) {
        app.TodoFilter = param || '';
        app.Todos.trigger('filter');
    }
});
app.TodoRouter = new Workspace();
Backbone.history.start();

Answer 1

路由器不是这样工作的，请尝试这种方式。

routes: {

    'filter': 'setFilter',

    'active': 'activeRoter',

    'completed':'completedRouter'
},

 setFilter: function(){
    //Do something
  },

 activeRoter: function(){
   //Do something
  },
 completedRouter: function(){
   //Do something
  }