Backbone View events won't fire

Question

I am using Backbone in a project and I am trying to get the events functionality of Backbone Views to work correctly. I have the following code (it is extracted out of my current application):

My Base File:

window.App =
   Models: {}
   Views: {}

My Model:

class App.Models.Story extends Backbone.Model
  defaults:
    id: null
    content: null

My View:

class App.Views.Story extends Backbone.View
  tagName: "li"
  className : "story item"

  events:
    "click" : "test"

  test: ->
    alert "TEST"

  render: ->
    html = "<div> #{@model.get("content")} </div>"
    $(@el).html(html)
    return this

The Code on page load:

$(document).ready ->
  story = new App.Models.Story(content: "Some content")
  view = new App.Views.Story(model: story)
  $("body").append(view.render().el)

The element renders but when I click on it, the click handler does not execute. What am I doing wrong?

-1, for not telling how you fixed it – Tebe Feb 08 '14 at 17:30 — Tebe, Feb 08 '14 at 17:30

score 2 · Accepted Answer · answered Oct 12 '11 at 19:09

2

You are going to hate this answer... you need to declare events not event:

events:
    "click" : "test"

answered Oct 12 '11 at 19:09

Brian Genisio

47,787
16
124
167

Good catch! Changing it does not fix my problem however. I am changing the question to reflect this. – Zameer Manji Oct 12 '11 at 19:23
@ZameerManji Really surprised about that. I put your code into a jsFiddle and it just worked once I changed it. – Brian Genisio Oct 12 '11 at 19:37
Care to explain what you did to get it to work? It may help others who stumble upon this question/answer – Tim Banks Oct 12 '11 at 20:34
@Zameer I think you should definitely tell us what you did to fix it, I am having the same problem now. – jlstr May 09 '12 at 16:55

Backbone View events won't fire

1 Answers1