backbone.js를 알아낼 수 없습니다

Question

죄송합니다. 이것이 매우 멍청한 질문이지만 필사적으로 Backbone.js를 배우려고 노력 중이며 전체 수업을 codechool.com에서 읽고 독서하는 데 보냈습니다. 여전히 이것을 파악할 수는 없습니다.

템플릿에서 json 파일을 테이블로 렌더링하려고하지만 잘못된 작업과 내가 더 나쁜 작업을 할 때마다 내가 무엇을하고 있는지 알 수 없습니다. 여기

 Game = Backbone.Model.extend({}); 

     Games = Backbone.Collection.extend({ 
      model: Game 
     }) 

     window.AllGames = new Games(); 

     AllGames.fetch({ 
      url: 'games_in_progress.json' 
      , success: function() { 
      //console.log(AllGames.toJSON()); 
      } 
     }); 

     GameList = Backbone.View.extend({ 
      el: 'body', 
      listTemplate: _.template($('#game_list').html(), {}), 
      initialize: function(){ 
       //this.render(); 
       this.collection = new AllGames(); 
       this.collection.bind("reset", this.render, this); 
       this.collection.fetch(); 
      }, 
      render: function(){ 
       //var listTemplate = _.template($('#game_list').html(), {}); 
       //this.$el.html(listTemplate); 
       console.log(this.collection.toJSON()); 
       $(this.el).html(this.listTemplate(this.collection.toJSON())); 
      } 
     }); 

     var gameList = new GameList({ 
      el:$(".content") 
     }); 

내가 가져 오기에 노력하고있어 JSON 파일입니다 : 내가 나쁜 알고

{ 
"title": "Tic Tac Toe Games in Progress", 
"games": [ 
    {"id": 1, "player1": "Eric Morgan", "player2": "Charles May", "player1_wins": 0, "player2_wins": 2}, 
    {"id": 2, "player1": "Valerie Bowman", "player2": "Felicia Cole", "player1_wins": 0, "player2_wins": 0}, 
    {"id": 3, "player1": "Guy Benson", "player2": "Norman Day", "player1_wins": 3, "player2_wins": 3}, 
    {"id": 4, "player1": "Emanuel Weaver", "player2": "Sammy Nelson", "player1_wins": 10, "player2_wins": 4}, 
    {"id": 5, "player1": "Oliver Mcbride", "player2": "Jill Hansen", "player1_wins": 102, "player2_wins": 30}, 
    {"id": 6, "player1": "Alison Bell", "player2": "Owen Dixon", "player1_wins": 10, "player2_wins": 200}, 
    {"id": 7, "player1": "Lawrence Adams", "player2": "Ebony Schmidt", "player1_wins": 1, "player2_wins": 0}, 
    {"id": 8, "player1": "Tony Robbins", "player2": "Shelley Mills", "player1_wins": 5, "player2_wins": 21}, 
    {"id": 9, "player1": "Dustin Watts", "player2": "Glen Clayton", "player1_wins": 12, "player2_wins": 19}, 
    {"id": 10, "player1": "Douglas Bates", "player2": "Eduardo Martin", "player1_wins": 1, "player2_wins": 3}, 
    {"id": 11, "player1": "Lola Swanson", "player2": "Nichole Carlson", "player1_wins": 101, "player2_wins": 0}, 
    {"id": 12, "player1": "Fernando Mitchell", "player2": "Bessie Sharp", "player1_wins": 9, "player2_wins": 0}, 
    {"id": 13, "player1": "Randal Austin", "player2": "Rodolfo Mccormick", "player1_wins": 7, "player2_wins": 90}, 
    {"id": 14, "player1": "Louise Chandler", "player2": "Laura Beck", "player1_wins": 93, "player2_wins": 112}, 
    {"id": 15, "player1": "Ernesto Brock", "player2": "Lois Singleton", "player1_wins": 109, "player2_wins": 87}, 
    {"id": 16, "player1": "Lora Osborne", "player2": "Katie Johnston", "player1_wins": 201, "player2_wins": 7}, 
    {"id": 17, "player1": "Priscilla Horton", "player2": "Julius Hale", "player1_wins": 10, "player2_wins": 53}, 
    {"id": 18, "player1": "Andrew Fernandez", "player2": "Henrietta Morris", "player1_wins": 30, "player2_wins": 99}, 
    {"id": 19, "player1": "Joe Shelton", "player2": "Martin Ramsey", "player1_wins": 34, "player2_wins": 20}, 
    {"id": 20, "player1": "Mary Little", "player2": "Pam Goodwin", "player1_wins": 29, "player2_wins": 43}, 
    {"id": 21, "player1": "Lynda Nguyen", "player2": "Jermaine Hughes", "player1_wins": 61, "player2_wins": 71}, 
    {"id": 22, "player1": "Clifford Young", "player2": "Tonya Baldwin", "player1_wins": 0, "player2_wins": 0}, 
    {"id": 23, "player1": "Adrienne Kennedy", "player2": "Jordan Howard", "player1_wins": 10, "player2_wins": 1}, 
    {"id": 24, "player1": "Lena Newton", "player2": "Kristi Guerrero", "player1_wins": 30, "player2_wins": 1}, 
    {"id": 25, "player1": "Alicia Casey", "player2": "Jody Lopez", "player1_wins": 0, "player2_wins": 0} 
] 
} 

하지만 실제로 등뼈와 같은 내가 정말 원하는 여기

내 JS입니다 그것을 배우십시오. 누구든지 도와 주시면 감사하겠습니다.

또한 추천 도서가있는 경우 감사하겠습니다. 토마스 데이비스 ()의 "백본 튜토리얼"을 읽었는데,이 코드 쿠폰보다 더 좋은 자료가 있다면 고맙겠습니다.

이미 빈 객체를 제공하여 컴파일 된 템플릿 함수를 정의 할 때, 따라서 당신이 정의에서 빈 개체 할당을 건너 뛸 필요가 있습니다 :

Answer 1

죄송합니다, 브라우저 반 창을 잘라 .

올바른 방법은 다음과 같이 될 것이다 : listTemplate: _.template($('#game_list').html()),