backbone.js - Backbone.js 不更新视图中的 HTML

Question

我有这样的看法：

class FoursquareSearch.Views.SearchNew extends Backbone.View

  tagName: 'sidebar'

  template: JST["templates/search/new_search"]

  #events:
  #  'submit': 'create'

  initialize: ->
    @render

  render: ->
    console.log('hello')
    $this = $('#sidebar')
    $this.html('<p>All new content. <em>You bet!</em></p>')
    $this

用这个路由器

class FoursquareSearch.Routers.Maps extends Backbone.Router

  routes:
    '': 'index'

  index: ->
    FoursquareSearch.Views.maps = new FoursquareSearch.Views.Maps()
    @model = new FoursquareSearch.Models.Map()
    #originForm = new Traveltime.Views.ShapesOriginForm(model: model, map: Traveltime.Views.map)
    newSearch = new FoursquareSearch.Views.SearchNew(model: model, map: FoursquareSearch.Views.maps)

而这个 HTML

  <div id="top"></div>  
  <div id="sidebar">

  </div>

初始化代码：

window.FoursquareSearch =
  Models: {}
  Collections: {}
  Views: {}
  Routers: {}
  init: -> 

    new FoursquareSearch.Routers.Maps()
    Backbone.history.start()

$(document).ready ->
  FoursquareSearch.init()

我可以看到该console.log消息，但是 HTML 类/ID 没有得到更新！

如果我运行：

$this = $('#sidebar')
$this.html('<p>All new content. <em>You bet!</em></p>')

在控制台中，我可以看到页面上的 HTML 更改，似乎 Backbone.js 不想为我更新视图？

Answer 1

在您的初始化方法中将@render 更新为@render()。您只是返回该方法，但从不调用它。