Backbone.js click event not triggered

Question

View:

 Member.Views.Popover = Backbone.View.extend({
    template: "member/default",
    tagName: 'a',
    className: 'header-auth member',
    events: {
      'click a.member': 'toggle'
    },        
    initialize: function() {    
      //todo
    },
    toggle: function(){   
      console.log("toggle");
    }
  });

Output:

<a class="header-auth member">
    //content from template
</a>

First problem: first I defined just a template without tagName and className because this data was already set in the template. But this wrapped the template with a div. To avoid that I set tagName and className and removed this data from template because now it is set by backbone.

Second problem: now that I use tagName the click event does not work anymore.

Any ideas how to fix this?

You can change click a.member to merely click, since the element is your view. — kalley
– kalley, Commented Jul 4, 2013 at 6:52
@Matt app.useLayout("main-layout").setViews({ ".aClass": new Member.Views.Popover({model : this.member }) }).render(); in main.js — DarkLeafyGreen
– DarkLeafyGreen, Commented Jul 4, 2013 at 6:54

kalley · Accepted Answer · 2013-07-04 13:59:54Z

2

You ~~can~~ should change click a.member to merely click, since the element is your view.

edited Jul 4, 2013 at 13:59

answered Jul 4, 2013 at 6:55

kalley

18.5k2 gold badges41 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ram Over a year ago

You can, no, You should.

mu is too short Over a year ago

"Events are written in the format {"event selector": "callback"}. ... Omitting the selector causes the event to be bound to the view's root element (this.el)."

Collectives™ on Stack Overflow

Backbone.js click event not triggered

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related