0

私はビューを持っています:

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 がビューを更新したくないようです。

4

1 に答える 1

1

初期化メソッドで @render を @render() に更新します。メソッドを返すだけで、呼び出すことはありません。

于 2012-06-13T20:13:00.957 に答える