javascript - 骨干模型更改事件仅触发一次

Question

我有一个 Backbone 模型，它在更改时触发一个函数。我想将该函数链接到一个视图。

模型：

class App.Models.Tracker extends Backbone.Model
  urlRoot : '/api/trackers'

  initialize: ->
    @on('change', @update, this)


  update: ->
    console.log('changed in model')
    @trigger('update', this);

看法：

class App.Views.Tracker extends Backbone.View
  template: JST['trackers/tracker']

  initialize: () ->
    @model.on("update", @animate, this);

  render: ->
    $(@el).html(@template(tracker: @model))
    this

  animate: ->
    console.log('changed in view')
    progress = @model.get('progress')
    console.log(progress)

发生的事情是每次模型更改时都会调用模型中的“更新”方法。但是视图中的“动画”方法仅在创建模型时调用一次。

我怎么了？

编辑

也许我只是测试错了？

 trackers = new App.Collections.Trackers
 trackers.fetch()
 tracker = trackers.get(333)
 tracker.set({progress : 70})

333 是创建的跟踪器的 id ......但上述不起作用.. JSFiddle 确实工作正常，这令人困惑

Answer 1

尝试等到Collection.fetch()完成后开始使用集合中的模型：

trackers = new App.Collections.Trackers
trackers.fetch({
  success: function(){
    tracker = trackers.get(333);
    tracker.set({progress : 70});  
  }
});