Question

My class is defined as below:

class NewUser extends Backbone.View
  template : JST["backbone/templates/events/new"]
  events : 
    'click button' : 'hello'
  hello : ->
    alert('hi')
  render : ->
    @el = $(@template())
    @ 

I initialize the page as follows:

$('body').append(new NewUser().render().el)

Yet when I click the button, no alert displays. Does anyone see anything wrong with my code? The view renders, but the events never register.

Answer 1

You’re creating your @el in your render method:

render : ->
    @el = $(@template())
    @ 

but you neglect to call delegateEvents:

Uses jQuery’s delegate function to provide declarative callbacks for DOM events within a view. […] By default, delegateEvents is called within the View’s constructor for you […]

So, your events never get bound to the @el that you add to the DOM and your button does nothing useful. Your render should look like this:

render : ->
    @el = $(@template())
    @delegateEvents()
    @