Backbone.js未呈现

Question

由于某种原因，我的收藏不能被渲染。找不到原因。

TreeItem = Backbone.Model.extend({

});

TreeList = Backbone.Collection.extend({
  model: TreeItem,
  url: "/get_tree_list"
});

window.tree_list = new TreeList();

// VIEW

window.TreeItemView = Backbone.View.extend({
  tagName: 'li',
  initialize: function(){
    _.bindAll(this, 'render');
  },
  render: function(){
    $(this.el).html('<span>'+this.model.get('title')+'</span>');
    return this;
  }
});

window.TreeListView = Backbone.View.extend({
  el: "#tree-structure",
  events: {

  },
  initialize: function() {
    _.bindAll(this, 'appendItem', 'render');
    tree_list.bind('add', this.appendItem);
    tree_list.fetch();
    this.render();
  },
  render: function() {
    tree_list.each(this.appendItem);
    return this;
  },
  appendItem: function(item){
    var tree_item_view = new TreeItemView({
      model: item
    });
    $(this.el).append(tree_item_view.render().el);

  }
});

var tree_list_view = new TreeListView;

Answer 1

Backbone.js提供了很多可以解释的东西，这就是新人会犯错误的地方。你的错误本质上是根本性的。您可以将视图直接绑定到模型

• 请参见呈现集合实例的初始化函数！！

• 总是随时随地创建模型，然后将集合作为参数传递给视图的构造函数。检查我的小提琴

• 从不在模型、视图或集合内部调用render。它们必须位于应用程序文件

内

JsFiddle

http://jsfiddle.net/35QGM/