Làm thế nào để thêm sự kiện mouseover trong Backbone.js

Question

M Đang cố gắng để cung cấp cho mouseover sự kiện theo quan điểm của tôi về Backbone, đây là quan điểm của tôi:

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"); 
    } 
}); 

Nhưng khi tôi đang làm mouseover lớp main nó không hiển thị hello world , Xin đề nghị làm gì?

Đã thử Heikki Trả lời nhưng di chuột không hoạt động?

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"); 
    } 
}); 

Answer 1

Bạn đang thay thế phần tử gốc của chế độ xem nơi các sự kiện được liên kết.

Hãy thử điều này thay vì:

Backbone.View.extend({ 

    tagName: 'li', 

    className: 'main', 

    events: { 
     'mouseover': 'mouseovercard' 
    }, 

    initialize: function() { 
     _.bindAll(this, 'render'); 
     this.model.bind('change', this.render); 
    }, 

    render: function() { 
     $(this.el) 
      .removeClass('info access') 
      .addClass(this.model.get('refertype') == 'U' ? 'info' : 'access') 
      .text(this.model.get('refername')); 
     return this; 
    }, 

    mouseovercard: function() { 
     console.log('hello world'); 
    } 

}); 

http://documentcloud.github.com/backbone/#View-extend