Comment ajouter un événement mouseover dans Backbone.js

M en Essayant de donner mouseover cas de mon point de vue de l'épine Dorsale, voici mon avis :

Backbone.View.extend({
  template :_.template( '<li class="<% if (refertype=="U"){%>info <% }else{%> access<%}%> main"><%=refername%>'+

            '</li>'),
  initialize: function() {
    _.bindAll(this, 'render', 'close');
    this.model.bind('change', this.render);
    this.model.view = this;
  },
    events: {
        "mouseover .main": "mouseovercard"
    },
  //Re-render the contents of the Card item.
  render: function() {
    this.el=this.template(this.model.toJSON());
    $(".cards-list").append(this.el);
  },
    mouseovercard: function() {
        console.log("hello world");
    }
});

Mais quand je suis en train de faire passer la souris sur le main classe, il n'est pas en montrant hello world, s'il vous Plaît suggérer quoi faire?

Essayé Heikki Réponse, mais la souris ne fonctionne pas ?

App.Backbone.CardView = Backbone.View.extend({
    tagName: 'li',
    className: 'main',
  initialize: function() {
    _.bindAll(this, 'render');
    this.model.bind('change', this.render);
    this.model.view = this;
  },
    events:{
        "mouseover .main": "mouseovercard"
    },
  //Re-render the contents of the Card item.
  render: function() {
         $(this.el)
            .removeClass('info access')
            .addClass(this.model.get('refertype') == 'U' ? 'info' : 'access')
            .text(this.model.get('refername'));
    $(".cards-list").append(this.el);
  },
    mouseovercard: function() {
        console.log("hello world");
    }
});
Vous ne lier le droit chemin. Avez-vous vérifié que l'élément devient vraiment la classe principale assignée?
Ya des éléments devient le principal classs pas quel est le problème

OriginalL'auteur XMen | 2011-07-05